Thuộc tính miterLimit của canvas HTML
Định nghĩa và cách sử dụng
miterLimit Thiết lập hoặc trả về độ dài góc nghiêng tối đa.
Độ dài góc nghiêng là khoảng cách giữa góc trong và góc ngoài tại điểm giao của hai đường.
Lưu ý:Chỉ khi thuộc tính lineJoin là "miter“" thì miterLimit mới có hiệu lực.
Độ lớn góc cạnh nhỏ hơn, độ dài góc nghiêng sẽ lớn hơn.
Để tránh độ dài góc nghiêng quá dài, chúng ta có thể sử dụng thuộc tính miterLimit.
Nếu độ dài góc nghiêng vượt quá giá trị của miterLimit, các góc cạnh sẽ được nối lại theo "bevel“Loại” để hiển thị (Hình vẽ 3):
Mô hình
Vẽ đường với độ dài góc nghiêng tối đa 5:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
Cú pháp
context.miterLimit=số;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| số |
Số dương. Định nghĩa độ dài góc chéo tối đa. Nếu độ dài góc chéo vượt quá giá trị của miterLimit, góc cạnh sẽ được hiển thị bằng loại "bevel" của lineJoin. |
Chi tiết kỹ thuật
| Giá trị mặc định： | 10 |
|---|
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 trước không hỗ trợ yếu tố <canvas>.
