La solution de html2canvas au problème selon lequel les images ne peuvent pas être interceptées normalement

Tout d’abord, parlons des problèmes que nous avons rencontrés. Tout d’abord, il existe un tel besoin. Le front-end doit générer dynamiquement des images basées sur les données transmises par le back-end. La rédaction, les images d'arrière-plan et les avatars des utilisateurs dans les images sont tous obtenus via l'interface back-end. Cependant, certaines images du canevas générées à l'aide de html2canvas ont été générées avec succès dans le canevas. Mais certaines images ne s'afficheront pas de toute façon.

Je travaille sur le projet depuis longtemps sans résultat, et je recherche sur Google depuis longtemps sans résultat. Il y avait un certain désespoir à ce moment-là. Soudain, je me suis dit pourquoi ne pas consulter son site officiel. J'ai donc vu le contenu suivant sur le site officiel.

Limites<br/>

Toutes les images utilisées par le script doivent résider sous la même origine pour pouvoir les lire sans l'aide d'un proxy. De même, si vous avez d'autres éléments de canevas sur la page, qui ont été entachés de contenu d'origine croisée. , ils deviendront sales et ne seront plus lisibles par html2canvas.<br/>

Le script ne restitue pas le contenu du plugin tel que les applets Flash ou Java.

De quoi parle-t-il ? Voici une traduction pour les étudiants qui ne sont pas bons en anglais. Si vous maîtrisez bien l’anglais, vous pouvez lire directement ce qui précède. La signification générale est que dans html2canvas, des scripts sont utilisés pour fonctionner, c'est-à-dire que des scripts sont utilisés pour convertir du HTML en canevas, mais il y a une restriction, c'est-à-dire que les images multi-sources ne peuvent pas être utilisées. S'il est utilisé, html2canvas ne lira pas la ressource.

C'est pourquoi certaines images du canevas converti sont toujours vierges. S'il existe d'autres canevas dans la page qui utilisent également des ressources d'images multi-sources, html2canvas ne les lira pas.

Transférez simplement les ressources statiques une fois et autorisez le chargement des ressources d'origine croisée dans la configuration de html2canvas.

Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.