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

См. также метод moveTo, который перемещает перо для рисования, ничего при этом не рисуя.

См. также учебник по canvas для более полного понимания.

Синтаксис

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

Примеры

Пример

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

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

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

Результат выполнения кода: