Résolvez rapidement le problème inter-domaines des images Canvas.toDataURL

Comme mentionné ci-dessus, lorsque l'adresse de l'image de la page est affichée localement (Html2Canvas.js), en raison de problèmes inter-domaines provenant de différentes sources, des problèmes d'autorisation d'accès à toDataURL se produiront :

[Redirection à l'origine Le chargement de « http:/ /sub1.xx.com » a été bloqué par la stratégie de partage de ressources entre origines croisées : aucun en-tête « Access-Control-Allow-Origin » n'est présent sur la ressource demandée « http://sub2. xx.com' n'est donc pas autorisé à accéder.】

Solution :

Selon l'analyse des erreurs, ajoutez "Access-Control-Allow-Origin" à l'en-tête du contrôle, c'est-à-dire autoriser accès aux autorisations du fichier source, alors nous avons Cette page [notez que l'image de la page doit être sortie] est traitée comme ceci :

var img = new Image;
img.onload = myLoader;
img.crossOrigin = 'anonymous'; //可选值：anonymous，*  
img.src = 'http://myurl.com/....';

ou en HTML

f152bd4331da973aaadadc3c309636cb

L'essentiel est que l'en-tête de la requête contient l'Origine : "anonyme" ou Le champ "*" et Access-Control-Allow seront ajoutés à l'en-tête de réponse -Origin: * champ, problème résolu.

L'article ci-dessus résout rapidement le problème inter-domaines des images Canvas.toDataURL est tout le contenu partagé par l'éditeur, j'espère qu'il pourra vous donner une référence, et j'espère également que tout le monde soutiendra le PHP chinois. site web.

Pour plus d'articles sur la résolution rapide du problème inter-domaines des images Canvas.toDataURL, veuillez prêter attention au site Web PHP chinois !