[jQuery] 그림판 만들기
목표: mousedown, mousemove, mouseup을 활용한 그림판 만들기1. 틀 제작 먼저 html body안에 그림 그리는 공간을 만들어준다.canvas라는 태그를 사용할텐데 canvas태그는 그래픽기능용 특수한 태그라고 한다.width는 800, height는 500으로 html에서 미리 설정해준다. 그리고 div 공간도 하나 만들어준다.여기에는 우선 제목과 함께 붓의 크기를 조절할 수 있는 select+option 태그를 넣어줄 것이다.우선 붓 크기별로 그림을 그릴 수 있는 기능을 만들고 난 후, 색상, 지우개,새로 그리기 기능 등을 추가로 넣어보겠다. 지금은 백엔드를 배우지 않았고 따로 전송할 서버도 없어서 select태그의 name속성은 사용하지 않는다.(name속성은 서버로 데이터를..
2024.04.29