html5-canvas - 如何在 kineticjs 中将 Zindex 用于不同的层？

Question

好吧，我一直在尝试这个小应用程序，我在其中使用两个不同的图层来显示对象。一个用于背景（整个舞台），另一个用于显示在其上的对象。所以当我在“单击”时更改背景时，我的图层会在之前清除绘制一个新的，它被添加到舞台但与另一层重叠。所以我需要在不影响另一层的情况下更改背景。我们不能使用“setZIndex”来处理图层或其他方式......！！

Answer 1

添加到舞台后，您可以使用 setZIndex。

如果不属于阶段，则无法设置 zIndex。原因是layer需要找到parent，也就是stage。

因此，首先将图层添加到舞台，然后设置 zIndex。

http://jsfiddle.net/bighostkim/QTu8K/

stage.add(layer1);
stage.add(layer2);

layer1.setZIndex(1);

Answer 2

我试图使用：

stage.add(menuLayer);
menuLayer.setZIndex(10);

stage.add(backgroundLayer);

在我画完之后我就backgroundLayer在前面了。menuLayerbackgroundLayer

我的解决方法是backgroundLayer在添加到舞台后设置 Z 索引：

stage.add(menuLayer);
menuLayer.setZIndex(10);

stage.add(backgroundLayer);
backgroundLayer.setZIndex(0);

突然菜单正确地出现在背景前面！