JavaScript로 캔버스를 특정 색상으로 채우는 방법

전체 HTML 캔버스를 특정 색상으로 채우려면 fillRect()를 사용할 수 있습니다. 사각형을 단색으로 채우는 속성입니다.

그런 다음 캔버스의 높이 및 너비 속성을 사용하여 채워진 사각형을 캔버스 전체에 펼칩니다.

const canvas = document.getElementById("my-canvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);

<canvas id="my-canvas">