Método lineTo() da tela HTML
Exemplo
Comece um caminho, mova para a posição 0,0. Crie uma linha para a posição 300.150:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
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 | |||||
---|---|---|---|---|---|
lineTo() | Yes | 9.0 | Yes | Yes | Yes |
Definição e uso
O método lineTo() adiciona um novo ponto e cria uma linha PARA aquele ponto A PARTIR do último ponto especificado na tela (este método não desenha a linha).
Dica: Use o método stroke() para realmente desenhar o caminho na tela.
Sintaxe JavaScript: | context .lineTo( x,y ); |
---|
Valores de parâmetro
Parameter | Description | Play it |
---|---|---|
x | The x-coordinate of where to create the line to | |
y | The y-coordinate of where to create the line to |
Mais exemplos
Exemplo
Desenhe um caminho, com a forma da letra L:
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.stroke();
❮ Referência de tela HTML