Manual de referência HTML

大全 de etiquetas HTML

Método beginPath() do canvas HTML

beginPath() é o método Canvas 2O método D API começa uma nova trajetória limpando a lista de sub-trajetórias. Quando você deseja criar uma nova trajetória, chame este método.

Manual de referência do canvas do HTML

Exemplo online

Desenhar duas trajetórias no canvas; verde e púrpura:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso do método beginPath() do canvas HTML-Tutorial básico(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="border:1px sólido #d3d3d3>
Seu navegador não suporta HTML5　etiqueta canvas.
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.beginPath();　　　　　　　　　　　　　　
ctx.lineWidth="5";
ctx.strokeStyle="green";　　//　Caminho verde
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke();　　//　Desenhe　
ctx.beginPath();
ctx.strokeStyle="purple";　　//　Caminho紫色
ctx.moveTo(50,0);
ctx.lineTo(150,130);　　　　　　　　　　　　
ctx.stroke();　　//　Desenhe
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9e Firefox, Opera, Chrome e Safari suportam beginPath(). métodos.

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

Definição e uso

O método beginPath() começa um novo caminho ou reseta o caminho atual.

Dica:Use esses métodos para criar caminhos moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() e arc().

Dica:Use stroke() O método desenha um caminho exato na tela.

Sintaxe do JavaScript:	context.beginPath();

Manual de referência do canvas do HTML

HTML: <template> etiqueta