Ejemplo
Dibuje dos caminos en el lienzo; uno verde y uno morado:
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