Question

var line = new Kinetic.Line({ points: [415, 115,617,234], stroke: 'gray', tension: 2});
line.addEventListener('click',function(e){ 
debugger; 
// alert(e.x+'.'+ e.y); 
// popup; 
});

单击该行时，应该选中它。单击其他位置时，应该取消选中该行。如果按下删除按钮，则选择该行后该行应该被销毁如何操作。

Answer 1

不完全符合您的要求，但您双击线条，线条将从图层中移除

here是演示。

var stage = new Kinetic.Stage({
        container: 'container',
        width: 578,
        height: 200
      });

      var layer = new Kinetic.Layer();

      var redLine = new Kinetic.Line({
        points: [73, 70, 340, 23, 450, 60, 500, 20],
        stroke: 'red',
        strokeWidth: 15,
        lineCap: 'round',
        lineJoin: 'round'
      });
redLine.on("dblclick",function(){
        this.destroy();
        layer.draw(); 
    });

layer.add(redLine);
stage.add(layer);

单击按钮动力学js选择所需的行后删除一行

1 个答案: