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