바닐라 JS로 그림판 만들기

이번엔 바닐라JS로 그림판 만들기 수업을 들었습니다. 좀더 낯선 api 를 사용했으니 쉽고 재밌는 강의였습니다. only JavaScript로 만든 그림판의 기능은 다음과 같습니다. 1. 캔버스에 마우스로 그리기 (8가지 색) 2. paint 뿐 만아니라 Fill 채우기 기능 3. range로 브러쉬 두께 조절 4. 마우스 오른쪽 방지 5. sava 버튼으로 이미지 저장 그림판 디폴트 형태입니다. 아래 기능들로 색을 변경하거나 캔버스를 채우거나 브러쉬의 두께를 조절 할수있습니다. 첫번째와 두번째 선의 두께 차이가 있습니다. SAVA버튼 클릭시 내가 그린 그림이 자동 저장 됩니다. jpg파일보다 png파일이 픽셀이 덜 꺠져서 png파일로 설정했습니다. FILL 과 PAINT 버튼이 스위치 됩니다. 코드 공..

원문링크 : 바닐라 JS로 그림판 만들기