Javascript动力学焦点事件，显示，矩形

Question

我正在使用动力学Javascript。我画了几个矩形，它平滑。当鼠标集中在Rect上时，我想在rect上显示一些点/关节，这样它就会给出提示rect可以通过这个特定的点/关节相互链接。我也有其他图片，例如三角形，它也应该有关节。如何在正常状态下有一个数字（例如Rect）和当鼠标聚焦时有一点变化的另一个状态？

Answer 1

最简单的方法是在鼠标进入的任何矩形的顶部显示“可链接”图标，并在鼠标离开时删除该图标。

演示：http://jsfiddle.net/m1erickson/6dgAD/

您可以在矩形上处理mouseenter和mouseleave事件，如下所示：

此代码将一个Kinetic.Image包含在rect上的“可链接”图标。

rect.on("mouseenter",function(){
    link.setPosition(this.getPosition());
    link.show();
    layer.draw();
});
rect.on("mouseleave",function(){
    link.hide();
    layer.draw();
});

以下是使用Kinetic.Image创建“可链接”图标的示例：

var link;
var img=new Image();
img.onload=function(){
    link=new Kinetic.Image({
        image:img,
        listening:false,
    });
    layer.add(link);
    link.hide();
    layer.draw();
}
img.src="https://dl.dropboxusercontent.com/u/139992952/stack1/addLink.png";