線連接使用kineticjs連接丟失在畫布上的兩個圖像

Question

我有多個圖像的工具欄，可以拖放到畫布上，也可以移動。 我想創建一個名爲線按鈕連接圖像掉在使用帆布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();