Método HTML canvas stroke()

❮ Referência de tela HTML

Exemplo

Desenhe um caminho, com a forma da letra L - na cor vermelha:

Seu navegador não suporta a tag HTML5canvastag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.

Method
stroke() Yes 9.0 Yes Yes Yes

Definição e uso

O método stroke() na verdade desenha o caminho que você definiu com todos os métodos moveTo() e lineTo(). A cor padrão é preto.

Dica: Use a propriedade strokeStyle para desenhar com outra cor/gradiente.

Sintaxe JavaScript: contexto .stroke();

❮ Referência de tela HTML