En tant que question, lorsque la sortie locale de l'adresse d'image de la page (html2canvas.js), il y a des problèmes de domaine croisé dans différentes sources, et le problème d'autorisation d'accès à Todataur se produira:
【Redirection à l'origine 'http://sub1.xx.com' a été empêché de charger par la politique de partage des ressources croisées: pas de «Access-Control-Allow-Origin» L'en-tête n'est présent sur la ressource demandée. Origin 'http://sub2.xx.com' n'est donc pas autorisé à accéder.】
Solution:
Selon l'analyse des erreurs, "Access-Control-Allow-Origin" est ajouté à l'en-tête de commande, c'est-à-dire l'autorisation d'accès au fichier source est autorisée. Ensuite, nous traitons cette page [Notez que vous souhaitez publier l'image de la page]:
var img = new image; img.onload = myloader; img.crossorigin = 'anonymous'; // Valeur facultative: anonyme, * img.src = 'http: //myurl.com / ...';
Ou en html
<img src = "" id = "imgclcd" crossorigin = "anonymous">
Le noyau est que l'en-tête de demande contient le champ Origin: "Anonymous" ou "*" , et le champ Access-Control-Allow-Origin: * sera attaché à l'en-tête de réponse pour résoudre le problème.
L'article ci-dessus résout rapidement le problème du domaine croisé de Canvas.Todataurl Pictures est tout le contenu que j'ai partagé avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.