fill()¶

Метод fill() делает заливку текущей фигуры (контура). Цвет заливки по умолчанию черный.

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

Если контур не закрыт, то метод fill() добавит линию от последней к начальной точке контура, чтобы закрыть контур (как метод closePath()), и затем заполнить этот контур.

Синтаксис¶

void ctx.fill([fillRule]);
void ctx.fill(path[, fillRule]);

Параметры¶

fillRule

Выбор алгоритма заливки фигуры

Возможные значения:

nonzero: Правило ненулевого индекса, значение по умолчанию

evenodd: Четно-нечетное правило

path

Path2D путь для заливки.

Спецификация¶

HTML Living Standard

Пример¶

Нарисуем два прямоугольника 150x100 пикселей. Один зальем красным цветом, а другой синим:

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')

ctx.beginPath()
ctx.rect(20, 20, 150, 100)
ctx.fillStyle = 'red'
ctx.fill()

ctx.beginPath()
ctx.rect(40, 40, 150, 100)
ctx.fillStyle = 'blue'
ctx.fill()

Ссылки¶

Метод fill() ^{MDN (рус.)}