[HTML5] canvas에 마우스로 사각형 그리기

마우스로 사각형을 그리기 위해서, HTML5 canvas를 이용해본다.

mousedown시에는 마우스 클릭상태를 on으로 변경하며, 사각형의 시작 x, y 좌표를 얻고,

mousemove시 클릭 상태라면, 시작 x, y와 현재 마우스 point를 사용해 사각형을 그리고,

mouseup시에는 마우스 클릭상태를 off로 변경한다.

[JavaScript] 가격 표시하기(천 단위 콤마 포맷) (0)	2021.07.13
[HTML5] canvas를 이용한 Image Crop (2)	2021.02.27
[HTML5] track 태그 속성 사용하여 Video 자막 추출하기 (0)	2020.02.12
[HTML5] Video Track 태그 사용하기(자막 파일 사용하기) (0)	2020.01.31
[HTML5] Video 태그 기본 속성 (0)	2020.01.30

WISDOM