Javascript焦点事件、显示、rect

我正在使用Javascript。我画了两个矩形，它是平滑的。当鼠标聚焦在Rect上时，我想在Rect上显示一些点/关节，以便它给出提示Rect可以通过这个特定的点/关节相互链接。我还有其他的图片，比如三角形，它也应该有接头。当一个图形（例如Rect）处于正常状态时，如何使其保持不变；当鼠标聚焦时，如何使另一个状态的图形略有变化

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

演示：

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

此代码将一个包含“可链接”图标的Dynamic.Image放置在矩形上

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

下面是一个示例，说明如何使用Dynamic.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";