KineticJSのMouseoverイベントに関する問題

Question

私はKinetiJs Canvasライブラリで少しの実験をしようとしています。私が以下で行ったことは、 - 矩形を描画し、マウスオーバーがあるたびに特定の点の間に線を描きたい。

問題は、マウスオーバーが発生したときに私は線が表示されません。

私は、関数が呼び出されるonmousemoveかどうか、それが呼び出さんが、ラインが引かれますdoesntの取得した場合にチェックしようとしています。なぜ誰かが説明してくれますか？あなたがレイヤーに変更や追加を行った後

おかげで、KineticJSで

$(document).ready(function() { 
    var stage = new Kinetic.Stage({ 
     container: "sketchcanvas", 
     width: 600, 
     height: 600 
    }); 
    var layer = new Kinetic.Layer(); 
    var rect = new Kinetic.Rect({ 
     x: 50, 
     y: 50, 
     width: 500, 
     height: 500, 
     fill: "#00D2FF", 
     stroke: "black", 
     strokeWidth: 4 
    }); 
    rect.on("mousemove", function() { 
     var mousePos = stage.getMousePosition(); 
     var x = mousePos.x; 
     var y = mousePos.y; 
     var line = new Kinetic.Line({ 
      points: [60, 60, 80, 80, 100, 200], 
      stroke: "black", 
      strokeWidth: 15, 
      lineCap: 'round', 
      lineJoin: 'round' 
     }); 
     layer.add(line); 
    }); 
    layer.add(rect); 
    stage.add(layer); 
}); 

Answer 1

は、あなたが

... 
layer.add(line); 
layer.draw();