javascript - 使用 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) {});