Thuộc tính lineJoin thẻ canvas HTML
Đị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 tạo ra khi hai đường相交.
Ghi chú:Giá trị "miter" bị ảnh hưởng bởi miterLimit Tác động của thuộc tính.
Mẫu
Khi hai đường thẳng giao nhau, tạo góc bo 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 sắc. |
Chi tiết kỹ thuật
| Giá trị mặc định: | miter |
|---|
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này.
| 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>.
