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