与kineticjs交互式绘图

Question

我想通过单击和拖动来绘制一个矩形.我怎样才能做到这一点 ？我在哪里可以放置我的点击事件监听器？在舞台上还是在舞台上？我有以下代码但它不起作用:

stage = new  Kinetic.Stage({...})
layer = new Kinetic.Layer({...})

stage.add(layer)

stage.on('click', function() {
   var pos  = stage.getMousePosition();
   var rect = new Kinetic.Rect({
       x: pos.x,
       y: pos.y,
       width: 10,
       height: 10,
   });
   layer.add(rect);
   layer.draw(); 
})

谢谢.

Answer 1

据我所知,kineticjs舞台上没有"点击"事件.你应该使用这样的东西:

stage.getContainer().addEventListener('mousedown', function(evt) {});