Método de relleno de lienzo HTML ()
Ejemplo
Dibuja dos rectángulos de 150*100 píxeles. Rellena uno con un color rojo y el otro con un color azul:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
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() | Yes | 9.0 | Yes | Yes | Yes |
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(); |
|---|
❮ Referencia de lienzo HTML