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