[v0.1_그림판 페이지 구축하기]

220118 작성

<나만의 이상형 찾기 프로젝트 시작~~~ 근데 쓰니 남친 있음~~ㅋㅋ ><>

 

 

 

 

눈 코 입 그리기만으로 !!!
나만의 이상형 만들기
스타뚜~

 

 

 

1. 먼저 내 이상형을 그리기 위한 그림판 ! 페이지를 구축해보자!

canvas : HTML의 태그로서 캔버스 스크립트 API 또는 WebGL API와 함께 사용! (그림 그리는 기능)

https://devjhs.tistory.com/578

 

 

2. 눈 그리기 하고 저장 누르기~

if (canvas) {
  canvas.addEventListener("mousemove", onMouseMove);
  canvas.addEventListener("mousedown", startPainting);
  canvas.addEventListener("mouseup", stopPainting);
  canvas.addEventListener("mouseleave", stopPainting);
  canvas.addEventListener("click", handleCanvasClick);
  canvas.addEventListener("contextmenu", handleCM);
}

 

 

 

 

 

 

그담 프로젝뜨~

save 가 아닌 다음 페이지 넘어가서

코, 입, 얼굴 그리기

 

 

 

 

 

 

 

 

 

야매 어렵띠~