Canvas - 캔버스를 활용한 사인창 만들기

캔버스에 마우스 이벤트를 통해 클릭을 하는순간 그리기모드로 전환 후

마우스 이동에 따라 선을 그리고 마우스가 영역을 벗어나거나 마우스 클릭을 떼는 순간 그리기를 멈추는 소스를 작성해보겠습니다.

 

사인 만들기(그림 그리기)

See the Pen CanvasDrawSign by myhappyman (@myhappyman) on CodePen.

 

동작 모습

잘 그려진다!