拖拉机后的KineticJS 5.1无法在另一个阶段拖动物体

Question

我在我的项目中使用两个画布，同步两个容器中的移动对象。挑战是移动一个对象后，我无法拖动第二个容器中的任何对象。 我正在使用：

 blueLine2.on('dragmove', function () {
            circle2.x(blueLine2.x() + blueLine2.points()[0]);
            blueLine1.setPosition({ x: blueLine2.x() * 2, y: blueLine2.y() * 2 });
            circle1.x(blueLine1.x() + blueLine1.points()[0]);
            guides2.draw();
            guides1.draw();
        }); 

以下是完整的代码：http://jsfiddle.net/user373721/6f1e0c1p/

非常感谢您的建议。

Answer 1

出于性能原因，KineticJS在拖动时不会绘制热门画布。所以你必须在dragend之后更新热门画布：

    greenLine1.on('dragend', function() {
        guides2.draw();
    });

http://jsfiddle.net/6f1e0c1p/1/