Thuộc tính lineJoin của Canvas
Định nghĩa và cách sử dụng
lineJoin Thuộc tính thiết lập hoặc trả về loại góc cạnh được tạo khi hai đường dẫn giao nhau.
Ghi chú:Giá trị "miter" bị ảnh hưởng bởi miterLimit Hiệu ứng của thuộc tính.
Mô hình
Khi hai đường dẫn giao nhau, tạo góc tròn:
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();
Cú pháp
context.lineJoin="bevel|round|miter";
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| bevel | Tạo góc xiên. |
| round | Tạo góc tròn. |
| miter | Mặc định. Tạo góc mũi nhọn. |
Chi tiết kỹ thuật
| Giá trị mặc định: | miter |
|---|
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ phần tử <canvas>.
