在konvajs中拖動不在組中的元素的選擇

Question

在KonvaJs中有沒有辦法一次拖動多個元素而沒有對其進行分組？

Answer 1

想法是：聽dragmove事件，爲所有需要移動的其他對象應用position diff。

let oldX, oldY; 
layer.on('dragstart', (e) => { 
    oldX = e.target.x(); 
    oldY = e.target.y(); 
}); 
layer.on('dragmove', (e) => { 
    const diffX = e.target.x() - oldX; 
    const diffY = e.target.y() - oldY; 

    // move everyone 
    layer.children.each((child) => { 
    // skip draggable circle 
    if (child === e.target) { 
     return; 
    } 
    // move other nodes 
    child.x(child.x() + diffX); 
    child.y(child.y() + diffY); 
    }); 
    oldX = e.target.x(); 
    oldY = e.target.y(); 
}); 

演示：http://jsbin.com/babasibudi/1/edit?js,output