[JavaScript / Nomad Coder] JavaScript로 그림판 만들기(canvas)


[JavaScript / Nomad Coder] JavaScript로 그림판 만들기(canvas)

강의에서 배운 기능에 새로운 기능인 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)