HTML5 Canvas 访问控制允许来源错误

当我尝试从 canvas 元素获取数据时，出现以下 javascript 错误：

错误：不支持 canvas.toDataURL()。 [例外...“操作不安全。”代码：“18”ns结果：“0x80530012（安全错误）”...

画布是从不同域提供的图像绘制的，但我使用代理将这两行添加到图像响应标头：

访问控制允许来源：*

访问控制允许凭据：true

我缺少什么？

Thanks,
Ted

要发出正确的 CORS 请求，您必须设置图像的跨源属性 http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content-1.html#attr-img-crossorigin到“匿名”。来自 Mozilla 开发者网络。

var img = new Image,
    canvas = document.createElement("canvas"),
    ctx = canvas.getContext("2d"),
    src = "http://example.com/image"; // insert image url here

img.crossOrigin = "Anonymous";

img.onload = function() {
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage( img, 0, 0 );
    localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );
}
img.src = src;
// make sure the load event fires for cached images too
if ( img.complete || img.complete === undefined ) {
    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    img.src = src;
}

浏览器支持不包括任何已知版本的 IE 和未发布版本的 Safari。 Firefox 和 Chrome 拥有多年的支持。