하늘아덤벼라
블로그 이미지

Home

Write

Setting

About Me

  • 분류 전체보기 (27)
    • Java (5)
    • MySQL (9)
    • 프론트 (1)
    • JavaScript (1)
    • jQuery (1)
    • Python (0)
    • JSP (0)
    • MVC (2)
    • Spring (0)
    • MyBatis (0)
    • 프로젝트1 (0)
Dark
no image
[jQuery] 그림판 만들기
목표: mousedown, mousemove, mouseup을 활용한 그림판 만들기1. 틀 제작 먼저 html body안에 그림 그리는 공간을 만들어준다.canvas라는 태그를 사용할텐데 canvas태그는 그래픽기능용 특수한 태그라고 한다.width는 800, height는 500으로 html에서 미리 설정해준다. 그리고 div 공간도 하나 만들어준다.여기에는 우선 제목과 함께 붓의 크기를 조절할 수 있는 select+option 태그를 넣어줄 것이다.우선 붓 크기별로 그림을 그릴 수 있는 기능을 만들고 난 후, 색상, 지우개,새로 그리기 기능 등을 추가로 넣어보겠다. 지금은 백엔드를 배우지 않았고 따로 전송할 서버도 없어서 select태그의 name속성은 사용하지 않는다.(name속성은 서버로 데이터를..
2024.04.29
jQuery
Prev 1 Next
uTube· Designed By ushin20

티스토리툴바