Manual de Referência HTML

大全 de etiquetas HTML

Atributo lineWidth do canvas HTML

lineWidth é o atributo Canvas 2D API configura o atributo de espessura da linha (ou largura da linha).

Exemplo online

com largura de 12 linhas de pixels para desenhar retângulos:

Exemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso do atributo lineWidth do canvas HTML (Tutorial Básico da Web oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="border:1px sólido #d3d3d3">
Seu navegador não suporta HTML5　etiqueta canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=12;
ctx.strokeRect(20,20,80,100);
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome e Safari suportam a propriedade lineWidth.

Atenção:Internet Explorer 8 Versões anteriores ao <canvas> não suportam o elemento.

Definição e uso

A propriedade lineWidth define ou retorna a largura da linha atual, em pixels.

Valor padrão:	1
Sintaxe JavaScript:	context.lineWidth=number;

Valor do atributo

Valor	Descrição
number	Largura atual da linha, em pixels.

Manual de referência do canvas HTML

HTML: <template> etiqueta