fill

Атрибут fill имеет два значения в зависимости от используемого контекста.

По умолчанию, когда элементы анимации заканчиваются и их эффекты больше не применяются к значению представления для целевых атрибутов. Атрибут fill может использоваться для сохранения значения анимации после окончания активной продолжительности элемента анимации.

Для фигур и текста атрибут fill является атрибутом представления, определяющим цвет внутренней части данного графического элемента. То, что называется «интерьер», зависит от самой фигуры и значения fill-rule атрибут. Как атрибут представления, он также может использоваться как свойство непосредственно в таблице стилей CSS

Контекст использования

Для анимируемых элементов

Категория	Атрибуты времени анимации
Значение	remove \| freeze
Анимация	Нет
Нормативный документ	SVG 1.1 (2nd Edition)

remove (default): Эффект анимации удаляется (больше не применяется) при завершении активной продолжительности анимации. После активного конца анимации анимация больше не влияет на конечный объект (если анимация не перезапущена).
freeze: Эффект анимации «заморожен» при активной длительности анимации на оставшийся срок действия документа (или до перезапуска анимации).

Для текста и форм

Категория	Атрибут представления
Значение	<paint>, `context-fill`, `context-stroke`
Анимация	Да
Нормативный документ	SVG 1.1 (2nd Edition)

Примеры

Пример 1: Простой SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill="#666"/>
</svg>

Результат

Использование `context-fill`

Для информации об использовании нестандартного и ограниченного значения context-fill (и context-stroke) смотрите документацию -moz-context-properties.

Смотрите также

Следующие элементы могут использовать атрибут fill