그림판코딩
-
HTML,CSS,JS(자바스크립트)로 웹 그림판 만들기 2일단 만들기 2022. 1. 1. 00:02
1편 보러가기! CLICK 🖱! 1편에 이어서 자바스크립트,HTML,CSS로 웹 그림판 만들기 2탄을 가겠습니다. 자, 안전벨트 단단히 매시고 출바알🎈~ 1️⃣ 채우기/그리기, 저장버튼 만들기 좌측과 같이 컬러 팔레트 위에 채우기, 저장하기 버튼 만들거에요 (채우기/그리기는 1개 버튼이 스위치되도록 구현 예정) index.html에서 여기 아래에 만들어주면 되겠죠, 1편에서 캔버스만들었던 문법처럼 버튼 만들어주면 됩니다. Fill Save 2️⃣ 저장버튼에 스타일 넣기 여기서 끝이면 심심하죠.. 지금 버튼이 멋이 없잖아요? 뽐이 없어 그렇다면 어디로 이동? Style.css로 이동~ 우리가 버튼(btns)을 controls에 만들었으니까 Style.css>controls 구간으로 가서 태그 작성하면 됩니..