html - 使用 Flash CC 和 CreateJS 将 HTML5 Canvas 加载到另一个 HTML5 Canvas

Question

大家好，我只是好奇，是否可以使用 Flash CC 或 CreateJS 将 HTML5 Canvas 文件加载到另一个 HTML5 Canvas 中。如果我们能做到（我真的希望有可能），我该怎么做？非常感谢你的帮助。

Answer 1

你有几个选择：

第一个是将第二个画布消耗为一个Bitmap对象。这会将其绘制到您的主画布中，但如果您在第二个画布中有任何鼠标侦听器，这些将不起作用。

var canvas2 = document.getElementById("mySecondCanvas"); var bmp = new createjs.Bitmap(canvas2); myStage.addChild(bmp);

如果您想在“子”内容中保持交互性，最好的方法是简单地复制显示列表。如果您使用从 Flash Pro 导出的内容，这就像添加exportRoot容器一样简单。您可能还想添加一个mask以将其剪辑到原始画布尺寸。

myStage.addChild(secondCanvasExportRoot); mask = new createjs.Shape(); mask.graphics.rect(0,0,canvas2.width, canvas2.height); secondCanvaCanvasExportRoot.mask = mask;

如果没有，那么只需将第二阶段的所有元素添加或复制到主要阶段的容器中。