Ejemplo
Dibuje dos 150*100 rectángulos píxeles. Llene 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(); Inténtalo tú mismo " Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.
| Método | |||||
|---|---|---|---|---|---|
| fill() | Sí | 9.0 | Sí | Sí | Sí |
Definición y Uso
El fill() método rellena el dibujo actual (ruta). El color predeterminado es el negro.
Consejo: Utilice la fillStyle propiedad para llenar con otro color / gradiente.
Nota: Si la ruta no está cerrada, el fill() método añadirá una línea desde el último punto hasta el punto de inicio de la ruta para cerrar el camino (como closePath() ), y luego llenar el camino.
| la sintaxis de JavaScript: | context.fill(); |
|---|