jquery - Kinetic JS でクリック時に形状を前面に表示する

Question

Kinetic JSで形状が「選択」またはクリックされた後、形状をHTMLキャンバスの前面に移動する方法はありますか? 形状にスタイルを追加することはできますが、選択した形状を前面に表示するのに問題があります。個別のボタンを使用して前面に移動する例を何百も見てきました。this.moveToTop() はありますか?

これは、選択した図形に影を追加するために現在使用しているコードです

triangle.on('mouseover touchstart', function() {
    this.setShadowOpacity(1);
    layer.draw();
});

triangle.on('mouseout touchend', function() {
    this.setShadowOpacity(0);
    layer.draw();
});

Answer 1

はい、ノードのマウスオーバーまたはクリックリスナー内でtriangle.moveToTop()を使用できます。

デモ: http://jsfiddle.net/m1erickson/gQeEB/

circle1.on("click",function(){
    circle1.moveToTop();
    layer.draw();
});