Método fillRect() de Canvas

Manual de referencias de Canvas

Definición y uso

fillRect() Método para dibujar un rectángulo "relleno". El color de relleno predeterminado es negro.

Consejo:Consejo: fillStyle Utilice la propiedad para establecer el color, la gradiente o el patrón utilizados para rellenar el dibujo.

Ejemplo

Dibujar un rectángulo relleno de 150*100 píxeles:

Su navegador no admite la etiqueta HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Intente hacerlo usted mismo

Sintaxis

context.fillRect(x,y,width,height);

Valor del parámetro

Parámetro Descripción
x Coordenada x del extremo superior izquierdo del rectángulo.
y Coordenada y del extremo superior izquierdo del rectángulo.
width Ancho del rectángulo, en píxeles.
height Altura del rectángulo, en píxeles.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Notas:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.

Manual de referencias de Canvas