HTML5受污染的画布可能无法导出

Question

我正在尝试使用带有spritesheet动画的CreateJS，这是一个完整的噩梦。

每次尝试使用图像时，我都会对污染的画布抱怨。我尝试过公共网络服务器，本地文件标签加载，以及使用grunt的本地服务器。目前，我正在使用grunt devserver（完全被设计为CORS开放）。

contentManager = new createjs.LoadQueue();
loadImages()
contentManager.on("complete", handleComplete, this);

它报告图像加载完全正常，因此我尝试使用它。

this.localSpriteSheet = new createjs.SpriteSheet({
        images: [contentManager.getResult(hero.imageName)], //image to use
        frames: hero.frames,
        animations: hero.animations
}),

这样可以很好地加载图像，然后我尝试抛出一些反转的帧。

createjs.SpriteSheetUtils.addFlippedFrames(this.localSpriteSheet, true, false, false),

而且无论文件托管在哪里，它都会抛出这个愚蠢的错误。

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

这是我加载图片的代码：

contentManager.loadManifest([{
    id: "warrior",
    src: "http://localhost:8888/img/warrior.png"
}]);

任何帮助都会非常感激，因为这是一个完整的噩梦。