JavaScript/DOM/Document/images/crossOrigin

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
Wechseln zu: Navigation, Suche

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.

  • Chrome
  • Firefox
  • IE 11
  • Opera
  • Safari

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[Bearbeiten]