개요

마우스 꾹 눌러서 그리는 게 손에 피로도가 높았다
힘들어감 없이 그리고 싶었다

진행

일반적인 그림판은
마우스를 꾹 눌렀을 때, this.isDrawing = true
마우스에서 손가락을 뗐을때, this.isDrawing = false 로직을 따른다.

이 프로젝트에서는
mousedown 이벤트마다 this.isDrawing = !this.isDrawing 으로 사용했다.

Curser를 활용했다.

결과

첫진입시 home인데
왼쪽 햄버거바를 이용해 그림판에 들어갈 수 있다.

클릭그림판