HTML canvas lineWidth attribute
Definition and Usage
lineWidth
Set or return the current line width in pixels.
ตัวอย่าง
วาดสี่เหลี่ยมผืนผ้าด้วยสายที่มีความกว้าง 10 พิกเซล:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.strokeRect(20,20,80,100);
รูปแบบ
context.lineWidth=number;
ค่าทางตัวเลข
ค่า | คำอธิบาย |
---|---|
number | ความกว้างของเส้นแบบปัด แบ่งเป็นพิกเซล |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | 1 |
---|
การสนับสนุนเบราเซอร์
ตัวเลขในตารางนี้ระบุตัวรุ่นของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่สุด。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ:Internet Explorer 8 และตัวรุ่นเก่ากว่านี้ไม่สนับสนุนองค์ประกอบ <canvas>。