Método fillRect

El método fillRect dibuja un rectángulo relleno en un punto dado. Los dos primeros parámetros establecen las coordenadas del punto donde estará la esquina superior izquierda del rectángulo dibujado.

Sintaxis

javascriptcontexto.fillRect(x, y, ancho, alto);

Ejemplo

Dibujemos un rectángulo relleno usando fillRect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.fillRect(50, 50, 100, 75);

Результат:

Ver también

método fillRect,
que dibuja el contorno de un rectángulo
método rect,
que dibuja un rectángulo
método lineTo,
que dibuja líneas
propiedad fillStyle,
que establece el color de relleno