使用createJS时如何避免受污染的画布？

Question

我看到三个地方表示我想要一个crossOrigin图像：使用true表示createjs.LoadQueue的第三个参数（文档说不推荐使用），设置loadItem.crossOrigin属性（分配＆＃34; Anonymous＆＃34 ;或者使用LoadItem.set（{.. crossOrigin：true ..}），以及LoadQueue getResult返回的图像的crossOrigin属性（似乎总是为null）。我找不到任何设置组合以避免受到污染画布。诀窍是什么？

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/

干杯。