Esempio
Disegnare linee con la lunghezza massima mitra 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(); Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| miterLimit | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
Gli insiemi di proprietà miterLimit o restituisce la lunghezza massima mitra.
La lunghezza mitra è la distanza tra l'angolo interno e l'angolo esterno dove due linee si incontrano.
Suggerimento: La proprietà miterLimit funziona solo se il lineJoin attributo è "miter" .
La lunghezza mitra diventa più grande come l'angolo della curva diventa più piccolo.
Per evitare che la lunghezza mitra di essere troppo lungo, siamo in grado di utilizzare la proprietà miterLimit.
Se la lunghezza mitra supera il valore miterLimit, l'angolo viene visualizzato come tipo lineJoin "bevel" (Figura 3):
| Valore di default: | 10 |
|---|---|
| sintassi JavaScript: | context.miterLimit=number; |
I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| number | Un numero positivo che specifica la lunghezza massima mitra. Se la corrente lunghezza mitra supera il miterLimit, l'angolo verrà visualizzato come lineJoin "bevel" | Gioca " |