Элемент SVG <set>
Опубликовано: 25 Февраля, 2022
SVG - это масштабируемая векторная графика. Его можно использовать для создания графики и анимации, как в холсте HTML.
Элемент SVG <set> предоставляет простой способ просто установить значение атрибута на заданный период времени. Он поддерживает все типы атрибутов, включая те, которые не могут быть разумно интерполированы, такие как строковые и логические значения.
Синтаксис:
<set attributeName = "" value = "" />
Атрибут:
- to: Этот атрибут определяет значение, которое будет применяться к целевому атрибуту на время анимации.
- Атрибуты анимации: атрибуты, используемые для создания эффектов анимации, атрибутов времени экспозиции, атрибутов событий, атрибутов значений и т. Д.
- Глобальные атрибуты: используются некоторые глобальные атрибуты, такие как основные атрибуты, атрибуты стиля и т. Д.
Пример 1:
Выход:
Example 2:
<!DOCTYPE html><html> <body> <svg width="400" height="200" <a> <text x="50" y="90" text-anchor="middle"> Click Here </text> <set attributeName="href" </a> </svg></body> </html> |
Выход:
Поддерживаемые браузеры:
- Хром
- Край
- Fire Fox
- Сафари
- Internet Explorer
- Опера