Exemplo
Comece um caminho, mover para a posição 0,0 . Criar uma linha para posicionar 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(); Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| lineTo() | sim | 9 | sim | sim | sim |
Definição e Uso
O lineTo() método adiciona um novo ponto e cria uma linha para que o ponto a partir do último ponto especificado na tela (este método não desenhou a linha).
Dica: 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 criar a linha para | Jogue " |
| y | A coordenada y de onde criar a linha para | Jogue " |
mais Exemplos
Exemplo
Desenhar um caminho, dada forma como a 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();
Tente você mesmo "