CanvasRenderingContext2D
.fill()
метод Canvas 2D API заполняет текущий или заданный путём с текущим стилем заливки, используя одно из двух правил - ненулевого индекса или четно-нечетное.
Синтаксис
void ctx.fill([fillRule]); void ctx.fill(path[, fillRule]);
Параметры
fillRule
- Выбор алгоритма заливки фигуры
Возможные значения:"nonzero
": Правило ненулевого индекса, значение по умолчанию"evenodd"
: Четно-нечетное правило
path
Path2D
путь для заливки.
Пример
Использование метода fill
Это всего лишь простой фрагмент кода, который использует метод 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();
Отредактируйте приведенный ниже код и посмотрите, как обновляется ваше обновление на холсте:
Характеристики
Характеристика | Статус | Комментарий |
---|---|---|
HTML Living Standard Определение 'CanvasRenderingContext2D.fill' в этой спецификации. |
Живой стандарт |
Совместимость
BCD tables only load in the browser
Таблица совместимости на этой странице создается из структурированных данных. Если вы хотите внести свой вклад в данные, ознакомьтесь с https://github.com/mdn/browser-compat-data и отправьте запрос, чтобы мы изменили данные.
Смотрите также
- Интерфейс определяющий этот метод,
CanvasRenderingContext2D
.