Los últimos tutoriales de desarrollo web
 

HTML canvas beginPath() Method

<Objeto Canvas

Ejemplo

Dibuje dos caminos en el lienzo; uno verde y uno morado:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it

ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
Inténtalo tú mismo "

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
beginPath() 4.0 9.0 3.6 4.0 10.1

Definición y Uso

El beginPath() método comienza un camino, o restablece la ruta actual.

Tip: Utilice moveTo() , lineTo() , quadricCurveTo() , bezierCurveTo() , arcTo() , y el arc() , para crear rutas.

Tip: Utilice el stroke() método para realmente dibujar el trazado en el lienzo.

la sintaxis de JavaScript: context . beginPath() ;

<Objeto Canvas