<animateTransform>
Элемент animateTransform анимирует атрибут преобразования в целевом элементе, тем самым позволяя анимациям управлять переводом, масштабированием, вращением и/или наклоном.
Контекст использования
| Категории | Элемент анимации |
|---|---|
| Разрешённое содержимое | Любое количество следующих элементов в любом порядке: Описание элементов |
Пример
html
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <polygon points="60,30 90,90 30,90"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 60 70" to="360 60 70" dur="10s" repeatCount="indefinite" /> </polygon> </svg>
Атрибуты
Интерфейс DOM
Этот элемент реализует интерфейс SVGAnimateTransformElement.
Спецификации
| Спецификация |
|---|
| SVG Анимации уровень 2 # AnimateTransformElement |
Совместимость с браузерами
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
animateTransform |
2 | ≤79 | 4 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
by |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
fill |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 1 | 1.0 | 4.4 |
from |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
href |
50 | 12 | 51 | 37 | 12.1 | 50 | 51 | 37 | 12.2 | 5.0 | 50 |
systemLanguage |
2 | 79 | 12 | ≤12.1 | 3 | 18 | 14 | ≤12.1 | 1 | 1.0 | 4.4 |
to |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
type |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform
