by
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Атрибут by задаёт относительное смещение значения атрибута, которое будет изменено во время анимации.
Начальное значение атрибута указывается либо в качестве значения атрибута, заданного в attributeName, либо в атрибуте from.
Этот атрибут можно использовать со следующими элементами SVG:
Пример
<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> # Атрибут By> |
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
by |
2 | 79 | 4 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/by
