öffentlich gehosteten Bild mit einer Liberalen CORS-Politik?

Normalerweise verwende ich http://imgur.com/ für Bilder (gleiche Seite ALSO verwendet für die inline-Bilder) - keine Anmeldung erforderlich, einfach hochladen oder einfügen in ein Bild-link und Sie sind bereit zu gehen.

It-Unterstützung CORS Anforderung, so können Sie direkt und verwenden Sie es mit canvas-pixel-Extraktion.

Wenn Sie brauchen, um mehrere verschiedene Dateien, die zusätzlich zu Bild, würde ich vorschlagen, DropBox als markE funktioniert.

Gibt es Einschränkung jedoch, wie bei jedem kostenlosen service inkl. ImgUr und DropBox, so sicher sein, Lesen Sie sich die Nutzungsbedingungen (ToS) der Benutzung der links (dh. keiner von Ihnen Absicht, die Funktion des CDN, so möchten Sie vielleicht zu prüfen, einige kommerzielle CDN-Anbieter).

Aktivieren CORS Nutzung

Erlaubt, wenn Sie tun können diese in JavaScript - set crossOrigin vor der Einstellung src:

var img = new Image();
img.crossOrigin = "";  //or "anonymous", will be interpreted the same
...
img.src = "...";

Als Attribut für HTML-Tags (Reihenfolge egal):

<img crossOrigin="" src="" ...>

Test

JS:

var img = new Image();
img.crossOrigin = "";
img.onload = test;
img.src = "https://i.imgur.com/fHyEMsl.jpg";

function test() {

  var ctx = document.querySelector("canvas").getContext("2d");
  ctx.drawImage(this, 0, 0);
  
  //This will fail if no CORS support, otherwise all OK
  try {
    ctx.getImageData(0, 0, 10, 10);
    alert("All OK");
  } 
  catch(err) {
    alert("No CORS support...");
  }
}

HTML:

<canvas></canvas>