Thuộc tính miterLimit của Canvas
Định nghĩa và cách sử dụng
miterLimit Thiết lập hoặc trả về độ dài góc miter tối đa.
Độ dài góc miter 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à "miterkhi đó, miterLimit mới có hiệu lực.
Góc cạnh nhỏ hơn, độ dài góc miter sẽ lớn hơn.
Để tránh độ dài góc miter quá dài, chúng ta có thể sử dụng thuộc tính miterLimit.
Nếu độ dài góc miter vượt quá giá trị miterLimit, góc cạnh sẽ hiển thị theo loại "bevelloại để hiển thị (Hình minh họa 3):
Mô hình
Vẽ đường với độ dài góc miter 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();
Ngữ pháp
context.miterLimit=number;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| number |
Số dương. Định nghĩa độ dài góc miter tối đa. Nếu độ dài góc miter vượt quá giá trị miterLimit, góc cạnh sẽ hiển thị theo 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 sớm hơn không hỗ trợ phần tử <canvas>.
