Warum kann ich mein Leinwandbild nicht exportieren? (Tainted Canvases-Fehler)

Fehler „Befleckte Leinwände werden möglicherweise nicht exportiert“ beim Canvas-Datenexport

Problem:

Beim Versuch, eine zu exportieren Wenn Sie das Canvas-Bild in eine lokale Datei kopieren, kann es sein, dass Entwickler auf den folgenden Fehler stoßen: „Uncaught SecurityError: Fehler beim Ausführen von ‚toDataURL‘ auf „HTMLCanvasElement“: Befleckte Leinwände dürfen nicht exportiert werden.“

Grund:

Aus Sicherheitsgründen gelten lokale Laufwerke als „andere Domäne“ und können Leinwände beflecken. Diese Maßnahme dient dem Schutz vertraulicher Informationen, die auf lokalen Laufwerken gespeichert sind.

Problemumgehungen:

Berücksichtigen Sie beim Testen die folgenden Problemumgehungen, um diesen Fehler zu beheben:

1. Alle Dateien lokalisieren: Verschieben Sie alle seitenbezogenen Dateien, einschließlich HTML, Bilder, JavaScript und CSS, in Ihre Desktop, um die Organisation von Unterordnern zu vermeiden.
2. Remote Image Hosting: Veröffentlichen Sie Bilder auf Cross-Origin-Sharing-Plattformen wie Dropbox oder GitHub. Setzen Sie beim Herunterladen der Bilder das crossOrigin-Flag auf „anonym“.
3. Lokaler Webserver: Installieren Sie einen Webserver wie IIS oder PHP auf Ihrem Entwicklungsrechner. Dies ermöglicht Ihnen den Zugriff auf Ihre Dateien von einem lokalen Server statt von Ihrem lokalen Laufwerk, wodurch das Cross-Origin-Problem behoben wird.

Das obige ist der detaillierte Inhalt vonWarum kann ich mein Leinwandbild nicht exportieren? (Tainted Canvases-Fehler). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!