пример
Нарисуйте заполненный 150*100 пикселей прямоугольник:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| fillRect() | да | 9.0 | да | да | да |
Определение и использование
fillRect() Метод рисует "заполненный" прямоугольник. По умолчанию цвет заливки черный.
Совет: Используйте fillStyle свойство , чтобы установить цвет, градиент или шаблон , используемый для заполнения чертежа.
| Синтаксис JavaScript: | context.fillRect(x,y,width,height); |
|---|
Значения параметров
| параметр | Описание | Сыграй |
|---|---|---|
| x | Х-координата верхнего левого угла прямоугольника | Сыграй " |
| y | Y-координата верхнего левого угла прямоугольника | Сыграй " |
| width | Ширина прямоугольника в пикселях | Сыграй " |
| height | Высота прямоугольника в пикселях | Сыграй " |