canvas - Kinetic.JS - レイヤーの z-index の順序を変更できませんか?

Question

シェイプとグループの z インデックスを正常に変更できますが、これまでレイヤーに対してこれを行うことができませんでした。

JS フィドルのデモ

代わりに、ステージに追加したスタック順序にとどまる運命にあるようです。

私はもう試した：

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

...しかし、変更はありません (レイヤー ノードはこれらのメソッドを継承しますが)。ここで何が欠けていますか？

前もって感謝します

Answer 1

変更を有効にするには、レイヤーを手動で再描画する必要があることがわかりました。

layer.draw();

余談ですが、Kinetic JS は、指定した z-index 値を実際には尊重しないことにも注意してください。内部的には、setZIndex() が呼び出されるたびに、ゼロから N-1 までの z-index 値を再割り当てするように見えます。ここで、N はオブジェクトの数です。GitHub の Kinetic JS ソースにあるこのコード行が、インデックスの再作成を行うものだと思います...

this.parent._setChildrenIndices();