canvas - Kinetic.JS - 无法更改层的 z-index 顺序？

Question

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

JS 小提琴演示

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

我试过了：

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

...但没有变化（即使层节点确实继承了这些方法）。我在这里想念什么？

提前致谢

Answer 1

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

layer.draw();

顺便说一句，还值得注意的是 Kinetic JS 实际上并不尊重您提供的 z-index 值。在内部，每当调用 setZIndex() 时，它似乎都将 z-index 值从零重新分配到 N-1，其中 N 是对象的数量。我相信GitHub 上 Kinetic JS 源代码中的这行代码是重新索引...

this.parent._setChildrenIndices();