whatisthis?

GitHub - thisisyjin/paintJS: Painting Board made with vanila JS (ref. NomadCoder) Painting Board made with vanila JS (ref. NomadCoder) - GitHub - thisisyjin/paintJS: Painting Board made with vanila JS (ref. NomadCoder) github.com ** 깃헙에 업로드 해두었다. index.html Fill Save style.css @import "./reset.css"; body { background-color: #f6f9fc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Rob..

color.addEventListener("click", handleColorClick)); if (range) { range.addEventListener('input', handleRangeChange); } mode.addEventListener('click', handleModeClick); canvas에 그림을 그리고, 우클릭을 눌러보면 아래와 같이 뜬다. 이미지를 다른 이름으로 저장을 클릭하면 >>위와 같이 이름을 지정해서 저장 가능하다. 이때, 우리가 캔버스의 백그라운드를 설정 안해서 배경색이 투명으로 저장되는 버그가 있다. 따라서, 초기화 부분에 다음과 같은 코드를 추가한다. ctx.fillStyle = "white"; ctx.fillRect(0, 0, canvas.width, canvas..

javaScript. Painting App 구현 - (5) Brush Size javaScript. Painting App 구현 - (4) Change Color javaScript. Painting App 구현 - (3) 2D context controls__r.." data-og-host="mywebproject.tistory.com" data-og-source-url="htt.." data-og-host="mywebp.. mywebproject.tistory.com 지난 회차 진행사항 - 브러시 사이즈 조절 function changeSize(event) { // const size = range.value; const size = event.target.value; ctx.lineWidth = ..