Przykład
Rysowanie linii przy 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 " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| miterLimit | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
Zestawy własności miterLimit lub zwraca maksymalną długość ścięcia.
Długość ścięcia jest odległość między wewnętrzną a zewnętrzną rogu rogu, gdzie dwie linie spotkać.
Wskazówka: Właściwość miterLimit działa tylko wtedy, gdy lineJoin atrybutem jest "miter" .
Długość ukośnego rośnie większy, kąt narożnika staje się mniejsza.
Aby zapobiec długość ścięcia od bycia zbyt długo, możemy skorzystać z właściwości miterLimit.
Jeśli długość ścięcia przekracza wartość miterLimit, narożnik będzie wyświetlany jako typ linejoin "bevel" (rys 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ść ścięcia przekracza miterLimit, narożnik będą wyświetlane jako linejoin "bevel" | Graj " |