CanvasRenderingContext2D.fill()

CanvasRenderingContext2D.fill() метод Canvas 2D API заполняет текущий или заданный путём с текущим стилем заливки, используя одно из двух правил - ненулевого индекса или чётно-нечётное.

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

fillRule

Выбор алгоритма заливки фигуры
Возможные значения:

• "nonzero": Правило ненулевого индекса, значение по умолчанию
• "evenodd": Чётно-нечётное правило

path

Path2D (en-US) путь для заливки.

Это всего лишь простой фрагмент кода, который использует метод fill для заполнения пути.

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.rect(10, 10, 100, 100);
ctx.fill();

Отредактируйте приведённый ниже код и посмотрите, как обновляется ваше обновление на холсте:

• Интерфейс определяющий этот метод, CanvasRenderingContext2D.