Wie behebt man den getImageData () - Fehler? Die Zeichenfläche wurde durch ursprungsübergreifende Daten beschädigt.
Mein Code funktioniert auf meinem localhost sehr gut, aber auf der Site funktioniert er nicht.
Ich habe diesen Fehler von der Konsole für diese Zeile erhalten.getImageData(x,y,1,1).data
:
Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
Teil meines Codes:
jQuery.Event.prototype.rgb=function(){
var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset().top);
if (this.target.nodeName!=="CANVAS")return null;
return this.target.getContext('2d').getImageData(x,y,1,1).data;
}
Hinweis: Meine Bild-URL (src) stammt von einer Subdomain-URL