Контекст: я работаю над инфографикой в формате SVG. Я хочу, чтобы документ ожил благодаря анимации, особенно с помощью цепочек анимаций. Я уже знаком с SVG, но начал изучать анимацию SVG только недавно.
Поскольку SMIL устарел, я пытаюсь создать анимацию в чистом SVG.
Поиск в этой статье (особенно в Справочной таблице замены Handy Dandy в конце) у меня сложилось впечатление, что мне нужно прекратить использовать такие атрибуты шляпы:
fill="freeze"
repeatCount="indefinite"
begin="hover"
begin="circ-anim.begin + 1s"
…потому что они являются частью SVG SMIL.
Но если я посмотрю на справку по SVG в Mozilla, Я вижу <animate>
и <animateTransform>
в списке без предупреждения о том, что они являются SMIL, или о необходимости прекратить их использование.
Более того, кажется, что Chrome обычно предупреждает об использование анимации SMIL в консоли, но я не вижу такого предупреждения при использовании <animate>
или <animateTransform>
(будь то в документе SVG или внутри документа HTML, который включает встроенный или объектный SVG.)
Короче говоря, мне непонятно что такое SMIL и что такое чистый SVG. Кто-нибудь может осветить тему? Можно ли использовать <animate>
и <animateTransform>
?