{oCanvas} 마우스 클릭을 통해 라인 좌표를 변경하려면 어떻게해야합니까?

Question

마우스 클릭을 통해 캔버스에서 선의 위치를 ​​변경하려고합니다. 첫 번째 클릭을 감지하고 클릭시 마우스의 위치에서 끝 좌표를 변경해야합니다. 내 클릭 기능에서 끝 좌표의 값을 변경하는 것처럼 보이지 않습니다.

<script language="javascript" type="text/javascript"> 

var canvas = oCanvas.create({ 
    canvas: "#myCanvas", 
    background :"#808080" 
}); 

var line = canvas.display.line({ 
    start: {x:80, y:60}, 
    end: {x:280, y:170}, 
    stroke: "10px #0aa", 
    cap: "round" 
}); 
canvas.addChild(line); 

canvas.bind("click tap", function(){ 
    alert(line.start.x + " " + canvas.mouse.x); 
    line.end.x = canvas.mouse.x; 
    line.end.y = canvas.mouse.y; 
    canvas.redraw; 
}); 
</script> 

Answer 1

다시 그리기를위한 함수 호출에 대한 괄호가 없습니다. 그것을 추가하면 제대로 작동합니다. touch에서도 작동하도록하려면 canvas.pointer.x와 canvas.pointer.y를 사용하십시오.