如何在KineticJS中隐藏图层后面的动画节点?

时间:2014-02-10 21:50:43

标签: kineticjs

我正在制作一个穿过波浪的节点,我需要它隐藏在波浪的白色背后。

我将白色洗涤层命名为蓝色波浪区域,将其命名为waveLayer。节点通过waveLayer从右向左移动,但随后应隐藏在图层后面。

我认为zindex可以解决问题,但事实并非如此:

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

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

我将节点添加到waveLayer,所以我认为它将具有相同的zindex。任何人都可以帮忙吗?查看jsfiddle以获得更多说明:

http://jsfiddle.net/5SSTG/

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用layer.moveToBottom()将图层的z-index设置为小于所有其他图层。

您可以使用layer.moveToTop()将图层的z-index设置为大于所有其他图层。