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