fillRect method

The fillRect method draws a filled rectangle at the given point. The first two parameters set the coordinates of the point where the upper left corner of the drawn rectangle will be.

Syntax

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

Example

Let's draw a filled rectangle with 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);

Результат:

See also