拖动后的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/