拖動後的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/