![[JavaScript / Nomad Coder] JavaScript로 그림판 만들기(canvas) [JavaScript / Nomad Coder] JavaScript로 그림판 만들기(canvas)](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FEYDz0%2FbtriRA5bAJ6%2FXyNt1QJnmwCIBT9ks116s0%2Fimg.png)
강의에서 배운 기능에 새로운 기능인 eraser와 clear 버튼을 추가 했다. 그리고 컬러는 슬라이드로 구현을 해놨다.
아예 처음부터 만들기도 했고 공부한지 시간이 꽤 지났어서 오래 걸렸다. ㅠㅠ 클론코딩은 역시 본인이 직접 다시 만들어봐야 하는 것 같다.
HTML CLEAR SAVE PEN ERASER PAINT CSS @import "reset.css"; body { padding: 50px 0px; background-color: #f6f9fc; } .canvas-wrap { display: flex; justify-content: center; align-items: center; height: 70vh; margin-bottom: 2em; } .canvas { width: 500px; heig.....
원문링크 : [JavaScript / Nomad Coder] JavaScript로 그림판 만들기(canvas)