tutoriais mais recente desenvolvimento web
 

HTML canvas lineTo() Method

<Object Canvas

Exemplo

Comece um caminho, mover para a posição 0,0. Criar uma linha para posicionar 300,150:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Tente você mesmo "

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.

Método
lineTo() 4.0 9 3,6 4.0 10.1

Definição e Uso

O lineTo() método adiciona um novo ponto e cria uma linha a partir desse ponto até o último ponto especificado na tela (this method does not draw the line) .

Tip: Use o stroke() método para realmente desenhar o caminho na tela.

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

Os valores dos parâmetros

Parâmetro Descrição Jogue
x A coordenada x de onde para criar a linha para Jogue "
y A coordenada y de onde para criar a linha de Jogue "

Exemplos

mais Exemplos

Exemplo

Desenhar um caminho, em forma como a letra L:

YourbrowserdoesnotsupporttheHTMLcanvastag.

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();
Tente você mesmo "


<Object Canvas