목록그림판 (1)

Amada Coding Club

[VanillaJS] 1-Canvas를 이용해서 그림판 만들어보기-지우기

지난 시간에는 그림판의 그리는 과정을 나타냈고 [VanillaJS] 1-Canvas를 이용해서 그림판 만들어보기-그리기 패스트캠퍼스 강의에서 그림판 만들기 실습을 했는데 너무 흥미로워서 글로 남긴다. 그림판을 제작할 때는 HTML의 캔버스 태그를 이용한다. 코드에선 클래스를 사용했기 때문에 this문을 사용함. amadaclub.tistory.com 오늘은 그림판의 지우기 기능을 넣어보고자 한다. 나는 뭐 지우는 과정에 무슨 이전 그리기 과정을 불러와서 그려진 부분을 인식하고 클릭한 영역 내에 있는 그림을 지우는 이런 복잡한 과정을 거치는 줄 알았다. 근데 그냥 캔버스의 배경색으로 덮는 거였다 ㅋㅋㅋㅋ this.context.strokeStyle = this.eraserColor; //배경색으로 덮어버림..
Front-End/VanillaJs 2023. 1. 10. 23:43
이전 Prev 1 Next 다음