fill

« Справочник SVG атрибутов

Атрибут 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

html
<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-fillcontext-stroke) смотрите документацию -moz-context-properties.

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

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