Proprietà miterLimit del canvas HTML
Definizione e uso
miterLimit Imposta o restituisce la lunghezza di taglio massima.
La lunghezza del taglio è la distanza tra il raggio interno e il raggio esterno degli angoli di intersezione delle due linee.
Suggerimento:Solo quando l'attributo lineJoin è "miterQuando lineJoin è "
Più piccolo è l'angolo dell'angolo, maggiore sarà la lunghezza del taglio.
Per evitare che la lunghezza del taglio sia troppo lunga, possiamo utilizzare l'attributo miterLimit.
Se la lunghezza del taglio è superiore al valore di miterLimit, gli angoli delle estremità saranno arrotondati con lineJoin "bevel" Tipo per visualizzare (Illustrazione 3):
Esempio
Disegna linee con la lunghezza di taglio massima 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();
Sintassi
context.miterLimit=number;
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| number |
Numero positivo. Determina la lunghezza massima del taglio obliquo. Se la lunghezza del taglio obliquo supera il valore di miterLimit, gli angoli saranno visualizzati con il tipo di lineJoin "bevel". |
Dettagli tecnici
| Valore predefinito: | 10 |
|---|
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
