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

Question

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

Answer 1

您有几个选择：

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

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

如果您想在＆＃34; sub＆＃34;中保持互动性。内容，最好的方法是简单地复制显示列表。如果您使用从Flash Pro导出的内容，则只需添加exportRoot容器即可。您可能还想添加mask以将其剪切为原始画布尺寸。

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

如果没有，则只需将第二阶段的所有元素添加或复制到主舞台上的容器中。