home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีเติมสี Canvas ด้วย JavaScript: fillRect และการตั้งค่าสี

เพื่อเติมสี HTML canvas ทั้งหมดด้วยสีเฉพาะ คุณสามารถใช้คุณสมบัติ fillRect() เพื่อเติมสี่เหลี่ยมผืนผ้าด้วยสีทึบ

จากนั้นคุณกระจายสี่เหลี่ยมที่เติมสีแล้วทั่ว canvas โดยใช้คุณสมบัติ height และ width ของ 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">