closePath lienzo HTML método ()
Ejemplos
Dibujar una ruta, en la forma de la letra L, y luego dibujar una línea para volver al punto de partida:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
Trate »
Soporte para el navegador
Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari closePath apoyo ().
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
closePath método () para crear una ruta desde el punto actual al punto de partida.
Consejo: Utilice el accidente cerebrovascular () método para dibujar la ruta exacta en el lienzo.
Consejo: Utilice el relleno () método para rellenar la imagen (por defecto es negro). Utilice fillStyle propiedad para rellenar otro color / gradiente.
la sintaxis de JavaScript: | contexto .closePath (); |
---|
más ejemplos
Ejemplos
A medida que el color de relleno a rojo:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
Trate »