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);