使用kineticjs连接两个放在画布上的图像的线

Question

我有多个图像的工具栏，可以在画布上拖放也可以移动。 我想创建一个名为line的按钮来连接使用kineticjs

在画布上放置的图像

Answer 1

在按钮的点击事件处理程序中执行此操作：

// assumes i1 & i2 are references your images, 
// this code creates a new line connecting those 2 images

var line=new Kinetic.Line({stroke:'black',points:[i1.x(),i1.y(),i2.x(),i2.y()]});
layer.add(line);
line.moveToBottom();
layer.draw();