closePath tela HTML () Método
HTML Manual de lona Referência
Exemplos
Desenhar um caminho, na forma da letra L, e, em seguida, desenhar uma linha para voltar ao ponto de partida:
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.closePath();
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
tente »
Suporte a navegadores
Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio closePath () método.
Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.
Definição e Uso
closePath () método para criar um caminho a partir do ponto actual para o ponto de partida.
Dica: Use o acidente vascular cerebral () método para desenhar o caminho exato na tela.
Dica: use o fill () método para preencher a imagem (o padrão é preto). Use fillStyle propriedade para preencher uma outra cor / gradiente.
sintaxe JavaScript: | contexto .closePath (); |
---|
mais exemplos
Exemplos
Como a cor de preenchimento para vermelho:
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.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
tente »
HTML Manual de lona Referência