Wie zu beheben getImageData () - Fehler-Die Leinwand wurde dieses Bild durch cross-origin-Daten?

Mein code funktioniert sehr gut auf meinem localhost, aber es ist nicht auf der Baustelle tätig.

Bekam ich diese Fehlermeldung von der Konsole, für diese Linie .getImageData(x,y,1,1).data:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 

Teil von meinem code:

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) ist von einer subdomain url

Ich bin immer diese Fehlermeldung, selbst wenn der img.src ist eine lokale relative url: "img/foo.png" - also, was ist cross-origin über diese?

InformationsquelleAutor Erfan Safarpoor | 2014-02-28

Schreibe einen Kommentar