ผ้าใบ HTML strokeRect () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
วาดรูปสี่เหลี่ยมผืนผ้า 150 * 100 พิกเซล
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุน strokeRect () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
strokeRect () วิธีการวาดรูปสี่เหลี่ยมผืนผ้า (ไม่เติม) สีเริ่มต้นคือจังหวะสีดำ
เคล็ดลับ: ใช้ strokeStyle คุณสมบัติการตั้งค่าสีจังหวะการไล่ระดับสีหรือรูปแบบ
ไวยากรณ์ javascript: | บริบท .strokeRect (x, y, ความกว้างความสูง); |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
x | 矩形左上角的 x 坐标。 |
y | 矩形左上角的 y 坐标。 |
width | 矩形的宽度,以像素计。 |
height | 矩形的高度,以像素计。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง