Manual de referencia HTML

Lista completa de etiquetas HTML

Método beginPath() en HTML canvas

beginPath() es un método de Canvas 2El método D API comienza un nuevo camino vacío eliminando la lista de subcaminos. Cuando desee crear un nuevo camino, llame a este método.

Manual de referencia de canvas HTML

Ejemplo en línea

Dibujar dos caminos en el lienzo; verde y púrpura:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del método beginPath() en HTML canvas-Tutoriales básicos(w3(codebox.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" style="border:1px sólido #d3d3d3>
Su navegador no admite HTML5　etiqueta canvas.
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.beginPath();　　　　　　　　　　　　　　
ctx.lineWidth="5";
ctx.strokeStyle="green";　　//　Camino verde
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke();　　//　dibujar　
ctx.beginPath();
ctx.strokeStyle="purple";　　//　Camino púrpura
ctx.moveTo(50,0);
ctx.lineTo(150,130);　　　　　　　　　　　　
ctx.stroke();　　//　dibujar
</script>
</body>
</html>

Prueba y mira ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9y Firefox, Opera, Chrome y Safari admiten beginPath() métodos.

Nota:Internet Explorer 8 Las versiones anteriores a la <canvas> no son compatibles con el elemento.

Definición y uso

El método beginPath() comienza una nueva ruta o restablece la ruta actual.

Consejo:Por favor utilice estos métodos para crear una ruta moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() y arc().

Consejo:Por favor utilice stroke() El método dibuja una ruta precisa en el lienzo.

Sintaxis de JavaScript:	context.beginPath();

Manual de referencia de canvas HTML

HTML: <template> etiqueta