CORS已启用但toDataURL仍会发出警告

Question

正如标题所说，我已经为所有图像启用了CORS，但是当我尝试将它们放到画布上然后提取画布（Chrome和FF）时，我仍然会遇到错误。我在其中一个图像上运行了一个小嗅探器来测试它，它似乎实际上正在返回正确的标题：

  

Access-Control-Allow-Origin：*

我错过了什么吗？

Answer 1

您需要为服务器请求 CORS用法，只需将此属性添加到图片代码：

<img crossOrigin="anonymous" ... />

或从JavaScript动态创建，将其用作属性（假设已创建或获取img）：

var img = new Image;
img.onload = callback;
img.crossOrigin = '';   /// = anonymous
img.src = '...';

如果要加载多个图像，可以使用支持跨源请求的图像加载器（例如我的YAIL loader，您可以使用CORS请求加载所有图像或单个图像。）