Proprietà HTML canvas miterLimit
Esempio
Traccia linee con la lunghezza massima della mitra di 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();
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Definizione e utilizzo
La proprietà miterLimit imposta o restituisce la lunghezza massima dell'angolo.
La lunghezza della mitra è la distanza tra l'angolo interno e l'angolo esterno dove si incontrano due linee.
Suggerimento: la proprietà miterLimit funziona solo se l'attributo lineJoin è "miter".
La lunghezza della mitra aumenta man mano che l'angolo dell'angolo si riduce.
Per evitare che la lunghezza della mitra sia troppo lunga, possiamo usare la proprietà miterLimit.
Se la lunghezza della mitra supera il valore miterLimit, l'angolo verrà visualizzato come lineJoin tipo "smusso" (Fig 3):
| Valore di default: | 10 |
|---|---|
| sintassi JavaScript: | contesto .miterLimit= numero ; |
Valori di proprietà
| 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" |
❮ Riferimento tela HTML