HTML canvas lineJoin katangian
Paglalarawan at paggamit
lineJoin Ang pagtatakda o pagbibigay ng uri ng napagawa na sulok kapag ang dalawang linya ay nakakita sa isang lugar.
หมายเหตุ：Ang halaga na "miter" ay nakatanggap ng miterLimit Ang epekto ng mga katangian.
Mga halimbawa
Kapag naglapit ang dalawang linya, gumawa ng hugis-sirkulo sa gilid:
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>。
