Painting Canvas

JS로 만든 그림판

1.0 사용 기술

1.1 canvasMDN

canvas는 html5가 가지고 있는 요소이고 canvas안에 있는 pixel들을 다룬다.
canvas를 이용해 이벤트를 받아와 그림을 그린다.

2.0 참고

2.1 Canvas에 있는 그림을 저장하기

1. canvas의 데이터를 image 처럼 얻어야 한다.
   toDataURL()을 이용한다 MDN
2. HTML a MDN에서 설명하는 방법으로 href와 download를 설정

2.2 기능

• 색상 변경
• 브러쉬 크기 변경
• 배경 전체 색칠
• 이미지 파일 저장
• 캔버스 API사용