Lösen Sie schnell das domänenübergreifende Problem von Canvas.toDataURL-Bildern

Wie oben erwähnt, kommt es bei der lokalen Ausgabe der Bildadresse der Seite (Html2Canvas.js) aufgrund von domänenübergreifenden Problemen aus verschiedenen Quellen zu einem Problem mit der toDataURL-Zugriffsberechtigung:

[Am Ursprung umleiten Das Laden von „http://sub1.xx.com“ wurde durch die Cross-Origin-Resource-Sharing-Richtlinie blockiert: Auf der angeforderten Origin-Ressource „http://sub2“ ist kein „Access-Control-Allow-Origin“-Header vorhanden. xx.com‘ ist daher kein Zugriff gestattet.】

Lösung:

Laut Fehleranalyse „Access-Control-Allow-Origin“ zum Steuerkopf hinzufügen, also erlauben Zugriff auf die Quelldateiberechtigungen, dann haben wir Diese Seite [beachten Sie, dass das Bild der Seite ausgegeben werden soll] wird wie folgt verarbeitet:

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

oder in HTML

f152bd4331da973aaadadc3c309636cb

Der Kern besteht darin, dass der Anforderungsheader den Ursprung enthält: „anonymous“ oder „*“-Feld und „Access-Control-Allow“ werden an den Antwortheader angehängt. -Origin: *-Feld, Problem gelöst.

Der obige Artikel löst schnell das domänenübergreifende Problem von Canvas.toDataURL-Bildern. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe auch, dass jeder das PHP-Chinesisch unterstützt Webseite.

Weitere Artikel zur schnellen Lösung des domänenübergreifenden Problems von Canvas.toDataURL-Bildern finden Sie auf der chinesischen PHP-Website !