javascript - 使用 createJS 时如何避免画布被污染？

Question

我看到三个地方表明我想要一个 crossOrigin 图像：对 createjs.LoadQueue 的第三个参数（文档说已弃用）使用 true，设置 loadItem.crossOrigin 属性（分配“匿名”或使用 LoadItem.set({ .. crossOrigin:true .. })，以及由 LoadQueue getResult 返回的图像的 crossOrigin 属性（似乎总是为空）。我找不到任何设置组合来避免画布被污染。诀窍是什么？

Answer 1

根据我的测试，CORS 工作正常。

这是使用来自 CDN 的 0.6.2 的快速示例。

var queue = new createjs.LoadQueue(false);
queue.on("complete", handleComplete);
queue.loadFile({src:"http://playpen.createjs.com/CORS/awesome.jpg", crossOrigin:true, id:"image"});
function handleComplete(event) {
    var img = queue.getResult("image");
    console.log(img.crossOrigin); // anonymous
}

您可以在这个演示中看到它在工作，其中图像被添加到舞台上的位图中，然后添加了一个点击侦听器：

http://jsfiddle.net/od727g2q/

这是在 LoadQueue 构造函数上使用（已弃用，但仍然有效）参数的变体：http: //jsfiddle.net/od727g2q/1/

只是为了理智，这里是使用 GitHub 中最新 NEXT 的版本：http: //jsfiddle.net/od727g2q/2/

干杯。