Primero, hablemos de los problemas que encontramos. En primer lugar, existe esa necesidad. El front-end necesita generar imágenes dinámicamente en función de los datos pasados desde el back-end. La redacción publicitaria, las imágenes de fondo y los avatares de los usuarios en las imágenes se obtienen a través de la interfaz de back-end. Sin embargo, algunas imágenes del lienzo generadas con html2canvas se generaron correctamente en el lienzo. Pero algunas imágenes no aparecerán de todos modos.
Documentación oficialHe estado trabajando en el proyecto durante mucho tiempo sin resultados y he estado buscando en Google durante mucho tiempo sin resultados. Hubo cierta desesperación en ese momento. De repente se me ocurrió, ¿por qué no visitar su sitio web oficial? Entonces vi el siguiente contenido en el sitio web oficial.
Limitaciones<br/>
Todas las imágenes que utiliza el script deben residir en el mismo origen para poder leerlas sin la ayuda de un proxy. De manera similar, si tiene otros elementos de lienzo en la página, que han sido contaminados con contenido de origen cruzado. , se ensuciarán y ya no serán legibles por html2canvas.<br/>
El script no muestra contenido de complementos como subprogramas Flash o Java.
¿De qué está hablando? Aquí hay una traducción para estudiantes que no son buenos en inglés. Si eres bueno en inglés, puedes leer directamente arriba. El significado general es que en html2canvas, los scripts se usan para operar, es decir, los scripts se usan para convertir html en lienzo, pero hay una restricción, es decir, no se pueden usar imágenes de fuentes cruzadas. Si se usa, html2canvas no leerá el recurso.
Es por eso que algunas imágenes del lienzo convertido siempre están en blanco. Si hay otros lienzos en la página que también utilizan recursos de imágenes de fuentes cruzadas, html2canvas no los leerá.
soluciónSimplemente reenvíe los recursos estáticos una vez y permita la carga de recursos de origen cruzado en la configuración de html2canvas.
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.