Manuale di riferimento HTML

Completo delle etichette HTML

Attributo miterLimit di HTML canvas

L'attributo miterLimit è una proprietà dell'API Canvas 2D che imposta la proporzione di limitazione della superficie di giunzione. Quando si ottiene il valore dell'attributo, viene restituito il valore corrente (il valore predefinito è 10.0). Quando si assegna un valore all'attributo, 0, numeri negativi, Infinity e NaN vengono ignorati; altrimenti, viene assegnato un nuovo valore.

Manuale di riferimento HTML canvas

Esempio online

Disegna una linea con la lunghezza massima della giunzione di 20:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo miterLimit di HTML canvas (sito base tutorial oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag HTML5 canvas.
</canvas>
<p>Prova a impostare miterLimit a 4 (quindi, la lunghezza della giunzione sarà superiore alla limitazione della giunzione), quando la riga soddisfa questa condizione, verrà visualizzata come lineJoin = "bevel".</p>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>

Testa per vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportono l'attributo miterLimit.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

L'attributo miterLimit imposta o restituisce la lunghezza massima della giunzione.

La lunghezza della giunzione si riferisce alla distanza tra il angolo interno e l'angolo esterno della giunzione delle due linee incrociate.

Suggerimento:miterLimit è efficace solo quando l'attributo lineJoin è "miter".

Più piccolo è l'angolo degli angoli di giunzione, maggiore è la lunghezza della giunzione.

Per evitare la lunghezza della giunzioneTroppo lungo, possiamo utilizzare l'attributo miterLimit.

Se la lunghezza della giunzione supera il valore di miterLimit, gli angoli di giunzione vengono visualizzati con il tipo di giunzione lineJoin "bevel" (Figura 3):

Valore predefinito:	10
Sintassi JavaScript:	contesto.miterLimit=numero;

Valore dell'attributo

Valore	Descrizione
numero	Numero positivo. Stabilisce la lunghezza massima della giunzione. Se la lunghezza della giunzione supera il valore di miterLimit, gli angoli di giunzione vengono visualizzati con il tipo di giunzione lineJoin "bevel".

Manuale di riferimento HTML canvas

HTML: <template> etichetta