HTML canvas lineJoin Property
ตัวอย่าง
สร้างมุมมนเมื่อสองบรรทัดมาบรรจบกัน:
จาวาสคริปต์:
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();
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
| Property | |||||
|---|---|---|---|---|---|
| lineJoin | Yes | 9.0 | Yes | Yes | Yes |
ความหมายและการใช้งาน
คุณสมบัติ lineJoin ตั้งค่าหรือส่งคืนประเภทของมุมที่สร้างขึ้น เมื่อสองบรรทัดมาบรรจบกัน
หมายเหตุ:ค่า "miter" ได้รับผลกระทบจาก คุณสมบัติmiterLimit
| ค่าเริ่มต้น: | ตุ้มปี่ |
|---|---|
| ไวยากรณ์ JavaScript: | บริบท .lineJoin="bevel|รอบ|ตุ้มปี่"; |
มูลค่าทรัพย์สิน
| Value | Description | Play it |
|---|---|---|
| bevel | Creates a beveled corner | |
| round | Creates a rounded corner | |
| miter | Default. Creates a sharp corner |
❮ อ้างอิงผ้าใบ HTML