Метод fillRect() холста HTML

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

JavaScript:

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

Поддержка браузера

Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.

Method
fillRect()	Yes	9.0	Yes	Yes	Yes

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

Совет: Используйте свойство fillStyle , чтобы задать цвет, градиент или узор, используемые для заливки рисунка.

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

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels