반응형
캔버스에 마우스 이벤트를 통해 클릭을 하는순간 그리기모드로 전환 후
마우스 이동에 따라 선을 그리고 마우스가 영역을 벗어나거나 마우스 클릭을 떼는 순간 그리기를 멈추는 소스를 작성해보겠습니다.
사인 만들기(그림 그리기)
See the Pen CanvasDrawSign by myhappyman (@myhappyman) on CodePen.
동작 모습
반응형
'WEB > Canvas' 카테고리의 다른 글
| p5.js - 하트가 빙글빙글 돌면서 움직이는 예제(heart moving and rotates) (0) | 2021.02.19 |
|---|---|
| P5.js - 3D 도형 정육면체 제어하기 (0) | 2021.02.16 |
| P5.js - 시작하기 (0) | 2021.02.16 |
| Canvas - 두개의 점 사이를 화살표 처리하기 (0) | 2020.07.16 |
| Canvas - 클릭 한 곳(캔버스)에 네모, 동그라미 모양 생성하기 (0) | 2020.07.14 |