HTML canvas lineWidth ทางนิยาม
การระบุและใช้งาน
lineWidth การตั้งค่าหรือกู้ค่าของความกว้างของสายปัจจุบันด้วยหน่วยละตาวิน
ตัวอย่าง
วาดสี่เหลี่ยมจัตุรัสด้วยสีสีแบบซี้มขนาด 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>
