ในการเติมผ้าใบ 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">