javascript - 多次加载animate cc的html5 canvas publish

Question

Animate CC 的发布输出给出了 html 文件和 js 文件。我想在同一张 Canvas 上绘制同一张图两次。从这个example ，我希望输出为

如何在没有两个 Canvas 标签的情况下更改 javascript 以实现此目的？我想在单个 canvas 标签中包含它的多个实例。

Answer 1

如果你想实现上面的图像，你可以简单地创建两个 simple_canv 类的实例。

试试这个:

var canvas, stage, exportRoot;

function init() {

 canvas = document.getElementById("canvas");
 exportRootLeft = new lib.simple_canv();
 exportRootRight = new lib.simple_canv();
 exportRootRight.x = 555;

 stage = new createjs.Stage(canvas);
 stage.addChild(exportRootLeft, exportRootRight);
 stage.update();
 stage.enableMouseOver();

 createjs.Ticker.setFPS(lib.properties.fps);
 createjs.Ticker.addEventListener("tick", stage);


 init_app()

另外，记得增加 Canvas 的宽度。