Właściwość miterLimit canvas HTML
Definicja i użycie
miterLimit Ustawienia lub zwracanie maksymalnej długości nachylenia.
Długość nachylenia to odległość między wewnętrznym i zewnętrznym kątem w miejscu przecięcia dwóch linii.
Wskazówka:Tylko gdy właściwość lineJoin wynosi "miterWtedy miterLimit jest skuteczny.
Im mniejszy kąt rogu, tym dłuższe będzie nachylenie.
Aby uniknąć zbyt długiego nachylenia, możemy użyć właściwości miterLimit.
Jeśli długość nachylenia przekracza wartość miterLimit, krawędzie rogi będą rysowane w stylu lineJoin "bevel"Typ" do wyświetlenia (wyjaśnienie 3):
Przykład
Rysowanie linii z maksymalną długością nachylenia 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();
Gramatyka
context.miterLimit=number;
Wartość atrybutu
| Wartość | Opis |
|---|---|
| number |
Liczba. Określa maksymalną długość kątownika. Jeśli długość kątownika przekracza wartość miterLimit, kąty będą wyświetlane w stylu lineJoin "bevel". |
Szczegóły techniczne
| Domyślna wartość: | 10 |
|---|
Obsługa przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Uwaga:Internet Explorer 8 i wcześniejsze wersje nie obsługują elementu <canvas>.
