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