English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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
Disegna una linea con la lunghezza massima della giunzione di 20:
<!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 ‹/›
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>.
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 | 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". |