Método HTML lienzo closePath()
Ejemplo
Dibuja un camino, con la forma de la letra L, y luego dibuja una línea de regreso 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();
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
closePath() | Yes | 9.0 | Yes | Yes | Yes |
Definición y uso
El método closePath() crea una ruta desde el punto actual hasta el punto de partida.
Sugerencia: utilice el método stroke() para dibujar realmente la ruta en el lienzo.
Sugerencia: utilice el método fill() para rellenar el dibujo (el negro es el valor predeterminado). Utilice la propiedad fillStyle para rellenar con otro color/degradado.
Sintaxis de JavaScript: | contexto .closePath(); |
---|
Más ejemplos
Ejemplo
Usa el rojo como color de relleno:
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();
❮ Referencia de lienzo HTML