วิธีการ fillRect
วิธีการ fillRect วาดสี่เหลี่ยมเติมสีที่จุดที่กำหนด พารามิเตอร์สองตัวแรกกำหนดพิกัดของจุดที่มุมซ้ายบนของสี่เหลี่ยมที่วาดจะอยู่
ไวยากรณ์
บริบท.fillRect(x, y, ความกว้าง, ความสูง);
ตัวอย่าง
มาลองวาดสี่เหลี่ยมเติมสีโดยใช้ fillRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.fillRect(50, 50, 100, 75);
:
