如何在动力学中使用不同层的Z指数?

时间:2013-02-21 06:23:29

标签: html5-canvas kineticjs

好吧,我一直在尝试这个小应用程序,我使用两个不同的层来显示对象。一个用于背景(整个舞台),另一个用于显示在它上面的对象。所以当我改变背景时“点击”我的图层在绘制新图层之前清除,然后将其添加到舞台但与其他图层重叠。所以我需要更改背景而不影响其他图层。我们可以使用“setZIndex”表示图层或其他方式... !!

2 个答案:

答案 0 :(得分:1)

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

您不能在不属于舞台的情况下设置zIndex。 原因是图层需要找到父级,即舞台。

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

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

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

layer1.setZIndex(1);

答案 1 :(得分:0)

我试图使用:

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

stage.add(backgroundLayer);

在我绘制backgroundLayer之后,我在menuLayer前面backgroundLayer了。

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

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

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

突然菜单正好在背景前面!