2012-07-30 3 views
0

start (x,y) 좌표와 end (x,y) 마우스 이벤트 좌표를 캡처해야합니다. 예 : HTML 페이지에 이미지가 있습니다. 어떤 일이 일어날 것인가는 사용자가 마우스 끌기를 사용하여 특정 영역을 선택할 수있는 것과 같습니다.JSP 페이지에서 JavaScript를 사용하여 마우스 끌기 좌표를 캡처하는 방법은 무엇입니까?

그래서 시작 지점과 끝 지점에서 좌표를 캡처하고 싶습니다.

답변

0
var start = []; 
var end = []; 
myImage.addEventListener('mousedown',function(e){ 
    var e = e || event; 
    start = [e.x || e.clientX,e.y || e.clientY]; 
}); 
document.addEventListener('mouseup',function(e){ 
    var e = e || event; 
    end = [e.x || e.clientX,e.y || e.clientY]; 
}); 
+0

감사합니다 마크, 내가 물어보고 싶은 한 가지 더, 우리가 javaascript 또는 jQuery를 사용하여 마이크로 소프트 페인트에 무엇을 할 수 있는지와 같은 마우스 이벤트와 이미지의 특정 영역을 선택할 수 있습니다. 감사합니다, Vidya Bhushan –

+0

흠, 더 많거나 적습니다. 이러한 위치 (시작 및 종료)를 저장할 수 있습니다. 그러나 이러한 위치를 사용하여 이미지를 잘라내려면 HTML5 Canvas 태그 [자르기 이미지] (http://www.html5canvastutorials.com/tutorials/html5-canvas-image-crop/)를 사용해야합니다. –

관련 문제