ตัวอย่าง
วาดเส้นด้วยความยาวใส่ได้สูงสุด 5:
javascript:
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(); ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| miterLimit | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ความหมายและการใช้งาน
ชุดคุณสมบัติ miterLimit หรือผลตอบแทนที่ได้ความยาวสูงสุดตุ้มปี่
ความยาวใส่เป็นระยะห่างระหว่างมุมภายในและมุมด้านนอกที่สองสายการตอบสนอง
เคล็ดลับ: คุณสมบัติ miterLimit ทำงานเฉพาะถ้า lineJoin แอตทริบิวต์ "miter"
ความยาวตุ้มปี่เติบโตใหญ่เป็นมุมของมุมที่ได้รับมีขนาดเล็กลง
เพื่อป้องกันไม่ให้มีความยาวตุ้มปี่จากการเป็นเวลานานเกินไปเราสามารถใช้ miterLimit คุณสมบัติ
ถ้าความยาวตุ้มปี่เกินกว่าค่า miterLimit มุมจะปรากฏเป็นชนิด lineJoin "bevel" (รูปที่ 3):
| ค่าเริ่มต้น: | 10 |
|---|---|
| ไวยากรณ์ javascript: | context.miterLimit=number; |
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| number | จำนวนบวกที่ระบุความยาวตุ้มปี่สูงสุด ถ้าความยาวตุ้มปี่ปัจจุบันเกิน miterLimit มุมจะแสดงเป็น lineJoin "bevel" | เล่น " |