# Метод fillRect

Метод `fillRect` рисует в заданной точке закрашенный прямоугольник. Первые два параметра задают координаты точки, в которой окажется верхний левый угол нарисованного прямоугольника.

## Синтаксис

`контекст.fillRect(x, y, ширина, высота);`

## Пример

Давайте нарисуем закрашенный прямоугольник с помощью `fillRect`:

`<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>` `let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.fillRect(50, 50, 100, 75);`

:

## Смотрите также

- метод `fillRect`,
  который рисует контур прямоугольника
- метод `rect`,
  который рисует прямоугольник
- метод `lineTo`,
  который рисует линии
- свойство `fillStyle`,
  которое задает цвет заливки

←→
↑
en ru