HTML canvas miterLimit Thuộc tính
Thí dụ
Vẽ các đường có chiều dài mít tối đa là 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();
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Thuộc tính miterLimit đặt hoặc trả về độ dài miter tối đa.
Chiều dài Mitre là khoảng cách giữa góc trong và góc ngoài nơi hai đường thẳng gặp nhau.
Mẹo: Thuộc tính miterLimit chỉ hoạt động nếu thuộc tính lineJoin là "miter".
Chiều dài Mitre lớn hơn khi góc của góc nhỏ hơn.
Để ngăn chiều dài Mitre quá dài, chúng ta có thể sử dụng thuộc tính miterLimit.
Nếu chiều dài Mitre vượt quá giá trị miterLimit, góc sẽ được hiển thị dưới dạng lineJoin kiểu "vát" (Hình 3):
| Giá trị mặc định: | 10 |
|---|---|
| Cú pháp JavaScript: | ngữ cảnh .miterLimit = số ; |
Giá trị tài sản
| Value | Description | Play it |
|---|---|---|
| number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ Tham chiếu HTML Canvas