Manual de referência HTML

大全 de tags HTML

Método lineTo() do canvas HTML

lineTo() é o Canvas 2O método D API usa linhas para conectar o final do subcaminho ao x, y (não desenha realmente).

Exemplo online

Iniciar um caminho, mover para a posição 0,0. Criar uma linha até a posição 300,150 de uma linha:

Exemplo

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8>
<title>Uso do método lineTo() do HTML canvas-Tutorial básico(oldtoolbag.com)</title>/<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="border:1px sólido #d3d3d3>
Seu navegador não suporta HTML5　tag canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9e Firefox, Opera, Chrome e Safari suportam lineTo() Método.

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

Definição e uso

O método lineTo() adiciona um novo ponto e cria uma linha daquele ponto até o último ponto especificado no canvas (este método não cria a linha).

Dica:Use stroke() Método para desenhar um caminho exato no canvas.

Sintaxe JavaScript:	context.lineTo(x,y);

Valor do parâmetro

Parâmetro	Descrição
x	A coordenada x do local de destino da linha.
y	A coordenada y do local de destino da linha.

Exemplo online

Desenhar um caminho, com a forma da letra L:

Exemplo

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8>
<title>Uso do método lineTo() do HTML canvas-Tutorial básico(oldtoolbag.com)</title>/<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="border:1px sólido #d3d3d3>
Seu navegador não suporta HTML5　tag canvas.
</canvas>
<script>
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.stroke();
</script>
</body>
</html>

Teste e veja ‹/›

Manual de referência do canvas do HTML

HTML: <template> tag