Proprietà lineJoin canvas HTML

Definizione e uso

lineJoin Proprietà che imposta o restituisce il tipo di angolo creato quando due linee si incontrano.

Nota:Il valore "miter" è influenzato da miterLimit L'impatto delle proprietà.

Esempio

Quando due linee si incrociano, crea angoli circolari:

Il tuo browser non supporta il tag canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();

Prova personalmente

Sintassi

context.lineJoin="bevel|round|miter";

Valore dell'attributo

Valore Descrizione
bevel Crea punte affusolate.
round Crea punte arrotondate.
miter Predefinito. Crea punte acute.

Dettagli tecnici

Valore predefinito: miter

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta per la prima volta questa proprietà.

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>.