HTML canvas fill()Método
Objeto CanvasEjemplo
Dibuja un rectángulo de 150*100 píxeles y luego rellénalo de rojo:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Pruébalo »
Soporte del navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari soportan el método fill().
Nota:Internet Explorer 8 y versiones anteriores no soportan el elemento <canvas>.
Definición y uso
El método fill() rellena la imagen actual (trayecto). El color predeterminado es negro.
Sugerencia:UsafillStylela propiedad para rellenar con otro color/gradiente.
Nota:Si el trayecto no está cerrado, el método fill() añadirá una línea desde el punto final del trayecto hasta el punto inicial para cerrarlo (tal comoclosePath()se hace), y luego rellena el trayecto.
| Sintaxis de JavaScript: | context.fill(); |
|---|
Otras extensiones