버튼을 클릭 할 때 원하는 라인을 선택한 후 라인을 삭제하십시오. js

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);