Przykład
Rysować linie o maksymalnej długości ścięcia 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(); Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| miterLimit | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
Zestawy własności miterLimit lub zwraca maksymalną długość ścięcia.
Długość ścięcie jest odległość między wewnętrznym rogu i narożnika zewnętrznego, gdy obie linie spełnienia.
Tip: Nieruchomość miterLimit działa tylko wtedy, gdy lineJoin atrybutem jest "miter" .
Długość mitra rośnie większy jak kąt narożnika maleje.
Aby zapobiec długość ścięcia od bycia zbyt długo, możemy użyć właściwości miterLimit.
Jeśli długość mitra przekracza wartość miterLimit, narożnik będzie wyświetlany jako typ linejoin "bevel" (Fig 3) :
| Domyślna wartość: | 10 |
|---|---|
| Składnia JavaScript: | context .miterLimit= number ; |
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| number | Dodatnia liczba, która określa maksymalną długość ścięcia. Jeśli aktualna długość przekracza miterLimit mitra, rogu wyświetli jako linejoin "bevel" | Graj " |
<Płótno Przedmiot