Manuale di riferimento HTML

Completo elenco di tag HTML

Attributo lineWidth del canvas HTML

lineWidth è l'attributo dell'API Canvas 2D che imposta lo spessore della linea (ovvero la larghezza della linea).

Esempio online

Disegna un rettangolo con una linea larga 12 pixel:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo lineWidth del canvas HTML5 (Sito di tutorial HTML oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag canvas HTML5.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=12;
ctx.strokeRect(20,20,80,100);
</script>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

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

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

Definizione e uso

L'attributo lineWidth imposta o restituisce la larghezza della linea corrente, espressa in pixel.

Valore predefinito:	1
Sintassi JavaScript:	context.lineWidth=number;

Valore dell'attributo

Valore	Descrizione
number	L'ampiezza della linea corrente, espressa in pixel.

Manuale di riferimento HTML canvas

HTML: <template> etichetta