[책] 자바스크립트 코드 레시피 278 - 186일차

캔버스 사용하기

• 비트맵 기반의 도형을 스크립트에서 사용하고 싶을 때

구문

canvas.getContext('2d'); // 캔버스에서 명령 가져오기
context.fillRect(x, y, 폭, 높이); // 직사각형 영역 칠하기

실습

index.html

<canvas id="my-canvas" width="400" height="400"></canvas>

---

script.js

const canvas = document.querySelector('#my-canvas');
const context = canvas.getContext('2d');
context.fillRect(0, 0, 200, 200);