ผ้าใบ HTML miterLimit Property
ตัวอย่าง
ลากเส้นที่มีความยาวตุ้มปี่สูงสุด 5:
จาวาสคริปต์:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.lineWidth = 10;
ctx.lineJoin = "miter";
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
miterLimit | Yes | 9.0 | Yes | Yes | Yes |
ความหมายและการใช้งาน
คุณสมบัติ miterLimit ตั้งค่าหรือส่งคืนความยาวตุ้มปี่สูงสุด
ความยาวของตุ้มปี่คือระยะห่างระหว่างมุมด้านในกับมุมด้านนอกที่เส้นสองเส้นมาบรรจบกัน
เคล็ดลับ:คุณสมบัติ miterLimit ใช้ได้เฉพาะเมื่อแอตทริบิวต์ lineJoin คือ "miter"
ความยาวของตุ้มปี่จะใหญ่ขึ้นเมื่อมุมของมุมเล็กลง
เพื่อป้องกันไม่ให้ความยาวของตุ้มปี่ยาวเกินไปเราสามารถใช้คุณสมบัติ miterLimit
หากความยาวของตุ้มปี่เกินค่า miterLimit มุมจะแสดงเป็น lineJoin ประเภท "bevel" (รูปที่ 3):
ค่าเริ่มต้น: | 10 |
---|---|
ไวยากรณ์ JavaScript: | บริบท .miterLimit= จำนวน ; |
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ อ้างอิงผ้าใบ HTML