HTML5 캔버스에서 좌표를 가져 오는 방법은 무엇입니까?

Question

HTML5 캔버스 요소를 클릭 한 위치의 x 및 y 좌표를 가져와야합니다. y 좌표에 대해 다음을 수행했습니다.

$("#my_canvas").click(function(event) { 
     alert(Math.floor(event.clientY-$(this).offset().top)); 
}); 

올바른 y 좌표 인 것처럼 보입니다. 문제는 아래로 스크롤하면 clientY이 작아집니다. 스크롤을 무시하면서 화면의 y 좌표를 측정하는 것으로 보이기 때문입니다. 따라서 위의 값은 음수입니다.

x 및 y 좌표를 가져 오는 올바른 방법은 무엇입니까?

Answer 1

는 사용 pageY 대신 clientY는 모두 비교할 좌표가 문서를 기준으로하도록 :

event.pageY-$(this).offset().top