Método de relleno de lienzo HTML ()
Ejemplo
Dibuja un rectángulo de 150*100 píxeles y rellénalo con el color rojo:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definición y uso
El método fill() llena el dibujo actual (ruta). El color predeterminado es negro.
Sugerencia: use la propiedad fillStyle para rellenar con otro color/degradado.
Nota: si la ruta no está cerrada, el método fill() agregará una línea desde el último punto hasta el punto de inicio de la ruta para cerrar la ruta (como closePath() ) y luego rellenar la ruta.
Sintaxis de JavaScript: | contexto .llenar(); |
---|
❮ Objeto de lienzo