如何设置EaselJS图形和形状的z-index

时间:2013-02-19 17:11:52

标签: animation canvas vector-graphics easeljs createjs

我在画布上有EaselJS Shapes,然后我开始绘制每个刻度的图形。目前正在形状上绘制图形。有没有办法定义z-index,以便每个帧都在图形上绘制形状?

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:26)

要在插入后将DisplayObject置于前面,请使用以下内容:

stage.setChildIndex( displayObject, stage.getNumChildren()-1);

答案 1 :(得分:2)

Canvas API has no built-in scene graph。一旦绘制了某些东西,它被绘制的事实就被遗忘了,并且没有引用绑定到画布的对象。这意味着,如果对象发生更改,则可能需要重绘整个画布。

因此,如果您需要在Graphics对象上绘制Shape对象,只需在绘制Shapes之前绘制Graphics。每次重绘图形时都需要重新绘制形状。

您也可以将形状和图形放入Container,并使用容器的indices来控制对象的渲染顺序。


修改:正如@stot's answer所述,事实证明舞台本身可用于管理子索引。这是因为Stage扩展了Container类,因此继承了该类的方法。