Manual de Referência HTML

大全 de etiquetas HTML

Método moveTo() da canvas HTML

moveTo() é um método do Canvas 2O método D API move o ponto de início de um novo subcaminho para as coordenadas (x, y).

Exemplo Online

Comece um caminho, mova para a posição 0,0. Crie uma linha até a posição 300,150 uma linha:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso do método moveTo() no canvas HTML-基础教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px sólido #d3d3d3>
您的浏览器不支持 HTML5　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 moveTo() Método.

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

Definição e uso

O método moveTo() move a trajetória para um ponto específico no canvas sem criar uma linha.

Dica:Use stroke() Método para desenhar uma trajetória exata no canvas.

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

Valor do parâmetro

Parâmetro	Descrição
x	Coordenada x da posição alvo da trajetória.
y	Coordenada y da posição alvo da trajetória.

Manual de referência do canvas HTML

HTML: <template> tag