repeatCount
Атрибут repeatCount
указывает, сколько раз будет воспроизводиться анимация.
Этот атрибут можно использовать для следующих SVG-элементов:
Пример
html
<svg viewBox="0 0 220 150" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="5" />
</rect>
<rect x="120" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="indefinite" />
</rect>
</svg>
Примечания по использованию
Значение | <number> | indefinite |
---|---|
Значение по умолчанию | Отсутствует |
Анимируемый | Нет |
<number>
-
Это значение определяет количество повторений. Оно может включать частичные итерации, выраженные в виде дробных значений. Дробное значение описывает часть простой анимации. Значение должно быть больше
0
. indefinite
-
Это значение указывает, что анимация будет повторяться бесконечно (то есть пока документ открыт).
Спецификации
Specification |
---|
SVG Animations Level 2 # RepeatCountAttribute |
Совместимость с браузерами
BCD tables only load in the browser