Последние учебники веб-разработки
 

HTML canvas fillRect() Method

<HTML Canvas Ссылка

пример

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

YourbrowserdoesnotsupporttheHTML5canvastag.

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 Высота прямоугольника в пикселях Сыграй "

<HTML Canvas Ссылка