캔버스(canvas)
캔버스 : 자바스크립트를 이용하여 일러스트와 그림판처럼 화면에 선을 그릴 수 있다. 순서 1. 캔버스 요소찾기 let canvas = document.querySelector("canvas"); 2. 드로잉 객체 생성 let ctx = canvas.getContext("2d"); //2d ,3d 정할수 있음 ▶ getContext()함수는 드로잉에 필요한 속성과 함수를 가진 객체를 생성함 3. 캔버스에 그리기↓ ▶ 사각형 그리기!!!!!! 1) fillRect(x, y, width, height) ▶ 색칠된 사각형 그리기 ctx.fillRect(100, 50, 100, 100); 2) strokeRect(x, y, width, height) ▶ 윤곽선으로만 사각형 그리기 ctx.strokeRect(200..
2022. 12. 5.
