바닐라JS로 그림판만들기(feat.니꼬쌤)

그림판 만들기

이번 주말에 니꼬쌤 강의 보고 따라만든 그림판

컬러칩을 누르면 해당컬러로 펜이 변하고, Range로 펜의 두께를 조절할수있고,

Fill/Paint로 캔버스에 도배하거나 그림을 그릴수있게 했다.

 

펜을 캔버스내에서 움직일때 X,Y의 좌표를 따라 픽셀에 컬러가 이어지게 하는게 어려웠다. 

 

Save 기능은 마우스 오른쪽버튼의 기능을 숨긴뒤 버튼에서 저장하는방법으로 제작했다.

 

HTML의 Canvas 로 제작함.

 

내 기여도 1% ...

이제 안보고 따라 해야지