Kinetic.JS - 不能改变层的z-index顺序？

Question

我可以成功更改形状和组的z-index，但到目前为止我还没能为图层执行此操作。

JS Fiddle demo

相反，它们似乎注定要保持在我将它们添加到舞台的堆栈顺序中。

我试过了：

layer.moveToTop();
layer.setZIndex(100);

...但没有变化（即使层节点do inherit这些方法）。我在这里缺少什么？

提前致谢

Answer 1

我发现在更改生效之前需要手动重绘图层。

layer.draw();

另外，值得注意的是Kinetic JS实际上并不尊重您提供的z-index值。在内部，每当调用setZIndex（）时，它似乎将z-index值从零重新分配到N-1，其中N是对象的数量。我相信this line of code in the Kinetic JS source on GitHub是重新索引的原因......

this.parent._setChildrenIndices();