Als Frage, wenn die lokale Ausgabe der Bildadresse der Seite (html2canvas.js), gibt es in verschiedenen Quellen Kreuzdomänenprobleme, und das Problem der Erlaubnis zur Erlaubnis von Todataurl Access wird auftreten:
【Weiterleiten Sie bei Origin 'http://sub1.xx.com' von der Cross-Origin-Ressourcenfreigabe-Richtlinie aus dem Laden: Nein "Access-control-Allow-Origin-Header ist in der angeforderten Ressource vorhanden. Der Ursprung 'http://sub2.xx.com' ist daher kein Zugriff zulässig.】
Lösung:
Gemäß der Fehleranalyse wird dem Steuerkopf "Zugriffskontroll-Allow-Origin" hinzugefügt, dh die Erlaubnis, auf die Quelldatei zuzugreifen, ist zulässig. Dann beschäftigen wir uns mit dieser Seite [Beachten Sie, dass Sie das Bild der Seite ausgeben möchten]:
var img = neues Bild; img.onload = myloader; img.crossorigin = 'Anonymous'; // Optionaler Wert: Anonymous, * img.src = 'http: //myurl.com/...';
Oder in html
<img src = "" id = "imgclcd" crossorigin = "anonymous">
Der Kern ist, dass der Anforderungsheader den Ursprung enthält: "Anonymous" oder " *" -Feld und das Feld Access-Control-Allow-Origin: * Feld wird an den Antwortheader beigefügt, um das Problem zu lösen.
Der obige Artikel löst schnell das Cross-Domain-Problem von Leinwand. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.