[HTML] canvas 모바일에서 그리기

보통 html canvas로 그림 그리기 같은 기능을 구현 할 때 'mousedown' 'mousemove' 'mouseup' 이벤트를 사용한다.

하지만 모바일 기기에서는 마우스 이벤트와는 다르게 터치 이벤트를 사용해야 한다.

touchstart
touchmove
touchend

 

이때 우리는 보통 터치 이벤트로 스크롤을 하는데 캔버스에서 터치 이벤트가 발생하면 같이 스크롤이 되는 경우가 있다.

이때 canvas의 touchmove 이벤트가 발생하였을 때 e.preventDefault()를 하게 되면 스크롤이 되지 않아 문제를 해결할 수 있다.

e.preventDefault()