JavaScript/DOM/Document/images/crossOrigin

Die Eigenschaft crossOrigin ermöglicht es in Verbindung mit einem CORS header, in canvas Bilder anderer Herkunft so zu verwenden, als ob sie vom eigenen Server kommen.

Details: caniuse.com

Folgende Werte sind möglich:

• anonymous: CORS Anfragen verwenden keine Informationen in Cookies, etc.
• use-credentials: verwendet Anmeldeinformationen

Beispiel

img.onload = function() {
    context.drawImage(this, 40, 40);
};
img.crossOrigin = "Anonymous";
img.src = document.getElementById("imgbox").value;

Beachten Sie: In Safari 8 und 9 ist es nicht möglich CORS für video in canvas zu verwenden.

Weblinks

• MDN: CORS settings attributes
• WHATWG: crossorigin