Wie behebt man den getImageData()-Fehler „Canvas wurde durch domänenübergreifende Daten verunreinigt“ in HTML?

Das Attribut „crossOrigin“ ermöglicht die Verwendung von Bildern, die aus externen Quellen geladen wurden, im Canvas, als ob sie aus der aktuellen Quelle geladen würden.

Die Verwendung von Bildern ohne CORS-Genehmigung verschmutzt die Leinwand. Sobald die Leinwand kontaminiert ist, gibt es keine Möglichkeit, die Daten von der Leinwand wiederherzustellen. Durch das Laden der Leinwand aus einer Cross-Origin-Domäne verunreinigen Sie die Leinwand.

Sie können dies verhindern, indem Sie − festlegen.

img.crossOrigin = "Anonymous";

Wenn auf dem Remote-Server die Header richtig eingestellt sind, funktioniert dies −

Access-Control-Allow-Origin "*"

Das obige ist der detaillierte Inhalt vonWie behebt man den getImageData()-Fehler „Canvas wurde durch domänenübergreifende Daten verunreinigt“ in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!