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