คุณสมบัติ lineJoin ของ canvas HTML
การระบุและวิธีใช้
lineJoin คุณสมบัติตั้งค่าหรือคืนค่าประเภทของมุมที่สร้างขึ้น เมื่อสองสายบนที่เดียวกัน。
หมายเหตุ：ค่า "miter" ตรงตาม miterLimit ผลกระทบของคุณสมบัติ。
ตัวอย่าง
เมื่อสองสายและบนที่เดียวกัน สร้างมุมกลม:
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();
สัญญาณ
context.lineJoin="bevel|round|miter";
ค่าขององค์ประกอบ
| ค่า | คำอธิบาย |
|---|---|
| bevel | สร้างข้อต่อทางฝัย |
| round | สร้างข้อต่อกลม |
| miter | ค่าเริ่มต้น。สร้างข้อต่อราบ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | miter |
|---|
การรองรับโดยเบราเซอร์
ตัวเลขในตารางระบุรุ่นที่รองรับองค์ประกอบนี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และตัวรุ่นเก่ากว่านั้นไม่สนับสนุนองค์ประกอบ <canvas>
