我正在做一些将图像加载到画布上的测试，并且正在使用私下里在我们的 aws cdn 上托管图像。这个 cdn 有一个 CORS 策略，可以让我将图像加载到画布中。

我想publicly通过 github、jsbin 等与世界分享我的代码，但需要使用自由的 CORS 政策托管一两个图像。有没有我可以使用的图像？谷歌和谷歌图像搜索没有发现任何结果。

我通常使用http://imgur.com/ http://imgur.com/对于图像（与 SO 用于内嵌图像的站点相同）- 无需注册，只需上传或粘贴图像链接即可开始使用。

它支持 CORS 要求，因此您可以直接链接并将其与画布一起使用以进行像素提取。

如果除了图像之外您还需要托管不同的文件，我建议像 markE 那样使​​用 DropBox。

然而，与任何免费服务一样，包括。 ImgUr 和 DropBox，因此请务必在使用链接之前阅读使用条款 (ToS)（即，它们都没有意图充当 CDN，因此您可能需要查看一些商业 CDN 提供商）。

启用 CORS 使用

如果允许，您可以在 JavaScript 中执行此操作 - 在设置 src 之前设置 crossOrigin：

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

作为 HTML 标记的属性（顺序无关紧要）：

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

Test

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...");
  }
}

<canvas></canvas>