Javascript метод fillRect()

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

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

JavaScript синтаксис:context.fillRect(x, y, width, height);

Значения параметров

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

Пример использования

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

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

JavaScript:


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