Video 위에 Canvas를 overlap한 뒤에 xy좌표를 그렸다. 처음에 원점을 찍고 원하는 x축의 방향과크기대로 두번째점을 찍고 마지막으로 y축의 점을 찍는데, x축의 y값은 원점의 y값과 같으며 y축의 x값은 원점의 x값과 같다.(수평과 수직을 유지하기 위함, 각도 조절은 안된다.) 실행영상 ( 실제로 코드를 실행해보면 Canvas위의 십자모양 마우스커서로 클릭한 정가운데의 위치에 점이 찍히는데, 영상에서는 오차가 있어보인다... ) 좌표계 설정 xy좌표계 그리는 코드 canvas.addEventListener('click', function (ev) { console.log("Canvas Click"); var loc = windowToCanvas(canvas, ev.clientX, ev.cl..