如何使用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();
});