Cách tô màu cụ thể cho canvas bằng JavaScript

Để tô toàn bộ khung HTML của bạn bằng một màu cụ thể, bạn có thể sử dụng fillRect() thuộc tính điền vào một hình chữ nhật bằng một màu đặc.

Sau đó, bạn trải hình chữ nhật đã lấp đầy của mình trên canvas bằng cách sử dụng thuộc tính chiều cao và chiều rộng của canvas:

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">