Manuale di riferimento HTML

Completo elenco HTML

Attributo lineJoin per HTML canvas

lineJoin è un attributo dell'API Canvas 2D utilizzato per definire come due segmenti di lunghezza non zero (tratti, archi, curve) si connettono insieme (i segmenti di lunghezza zero, i cui estremi e punti di controllo si trovano nella stessa posizione, vengono ignorati).

Manuale di riferimento HTML canvas

Esempio online

Quando due linee si intersecano, crea un angolo arrotondato:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo lineJoin per HTML canvas (Manuale di base oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il suo browser non supporta il tag canvas HTML5.</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth=10;
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
</script>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano l'attributo lineJoin.

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

Definizione e uso

Quando due linee si incontrano, l'attributo lineJoin imposta o restituisce il tipo di angolo creato.

Attenzione:Il valore "miter" è influenzato damiterLimit Impatto dell'attributo.

Valore predefinito:	miter
Sintassi JavaScript:	context.lineJoin="bevel\|round\|miter";

Valore dell'attributo

Valore	Descrizione
bevel	Crea angoli smussati.
round	Crea angoli arrotondati.
miter	Predefinito. Crea angoli acuti.

Manuale di riferimento HTML canvas

HTML: <template> etichetta