ตัวอย่าง
สร้างมุมโค้งมนเมื่อทั้งสองสายการตอบสนอง:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| lineJoin | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ความหมายและการใช้งาน
ชุดคุณสมบัติ lineJoin หรือผลตอบแทนประเภทของมุมที่สร้างขึ้นเมื่อทั้งสองสายการตอบสนอง
Note: "miter" คุ้มค่าได้รับผลกระทบโดย miterLimit คุณสมบัติ
| ค่าเริ่มต้น: | ตุ้มปี่ |
|---|---|
| ไวยากรณ์ JavaScript: | context .lineJoin="bevel|round|miter"; |
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| bevel | สร้างมุม beveled | เล่น " |
| round | สร้างมุมโค้งมน | เล่น " |
| miter | ค่าเริ่มต้น. สร้างมุมที่คมชัด | เล่น " |
<ผ้าใบวัตถุ