Перейти к содержанию

fillRect()

Метод fillRect() рисует "залитый" прямоугольник. Цвет заливки, по умолчанию, черный.

Чтобы установить другой цвет/градиент заливки, используется свойство fillStyle.

Синтаксис

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

Параметры

x
Координата X верхнего левого угла прямоугольника
y
Координата Y верхнего левого угла прямоугольника
width
Ширина прямоугольника в пикселях
height
Высота прямоугольника в пикселях

Спецификация

Пример

Нарисуем залитый прямоугольник 150x100 пикселей:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

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

Ссылки