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();