ตัวอย่าง
สร้างมุมโค้งมนเมื่อทั้งสองสายการตอบสนอง:
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 | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ความหมายและการใช้งาน
ชุดคุณสมบัติ lineJoin หรือผลตอบแทนประเภทของมุมที่สร้างขึ้นเมื่อเส้นตรงสองเส้น
หมายเหตุ: "miter" คุ้มค่าได้รับผลกระทบโดย miterLimit property
| ค่าเริ่มต้น: | ตุ้มปี่ |
|---|---|
| ไวยากรณ์ javascript: | context.lineJoin="bevel|round|miter"; |
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| bevel | สร้างมุม beveled | เล่น " |
| round | สร้างมุมโค้งมน | เล่น " |
| miter | ค่าเริ่มต้น. สร้างมุมที่คมชัด | เล่น " |