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
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-fill (и context-stroke) смотрите документацию -moz-context-properties.
Смотрите также
Следующие элементы могут использовать атрибут fill