HTML canvas lineWidth attribute

Definition and Usage

lineWidth Set or return the current line width in pixels.

ตัวอย่าง

วาดสี่เหลี่ยมผืนผ้าด้วยสายที่มีความกว้าง 10 พิกเซล:

เบราเซอร์ของคุณไม่สนับสนุนแท็ก canvas。

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>。