by
Атрибут by задаёт относительное смещение значения для атрибута, который будет изменён во время анимации.
Начальное значение для атрибута указывается либо через значение для атрибута, указанного в атрибуте attributeName, либо в атрибуте from.
Вы можете использовать этот атрибут с следующими элементами SVG:
Пример
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"> <animate attributeName="width" fill="freeze" by="50" dur="3s" /> </rect> </svg>
Примечания по использованию
| Значение | См. ниже |
|---|---|
| Значение по умолчанию | Отсутствует |
| Анимируемо | Нет |
Точный тип значения для этого атрибута зависит от значения атрибута, который будет анимироваться.
Когда список значений определяется через атрибут values, атрибут by игнорируется.
Спецификации
| Спецификация |
|---|
| SVG Анимации Уровень 2 # ByAttribute |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
by |
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/Attribute/by
