javascript - 캔버스를 사용하여 전자 서명을 구현하고 캔버스에 마우스 좌표를 배치합니다.

Question

캔버스를 사용하여 전자 서명을 구현하려고 하면 캔버스 내 마우스 좌표를 정확하게 얻을 수 없습니다.

으아악

스크롤바가 있는 형태에서는 ev.clientY 获取了鼠标的坐标，但是 canvas.offsetTop 获取的是 距离父元素的高度。而 canvas 를 사용하므로 정확한 위치 지정이 불가능합니다.

감사합니다!

Answer 1

이미 해결책을 찾았습니다. 뷰포트를 기준으로 위치를 지정하려면 canvas.getBoundingClientRect() 可以获取到 canvas를 직접 호출하세요.