如何用KineticJS在兩個階段上拖動圖層？

Question

我在兩個獨立的階段有層。當被拖動時，我希望另一個移動到相同的位置。但是，一旦被拖拽，另一個就會變成不可壓縮的。這是一個錯誤還是有更好的方法來做到這一點？

layer1.on('dragmove', function() { 
    layer2.setPosition(layer1.getPosition()); 
    layer2.draw(); 
}); 

layer2.on('dragmove', function() { 
    layer1.setPosition(layer2.getPosition()); 
    layer1.draw(); 
}); 

http://jsfiddle.net/aWsuJ/

Answer 1

看起來，我們必須在拖動結束借鑑其他層 - 不知道爲什麼。

layer1.on('dragmove', function() { 
    layer2.setPosition(layer1.getPosition()); 
    layer2.draw(); 
}); 

layer1.on('dragend', function() { 
    layer2.draw(); 
}); 

layer2.on('dragmove', function() { 
    layer1.setPosition(layer2.getPosition()); 
    layer1.draw(); 
}); 

layer2.on('dragend', function() { 
    layer1.draw(); 
});