Что такое чистый SVG и что такое SMIL?

Question

Контекст: Я работаю над инфографикой в ​​SVG. Я хочу, чтобы документ ожил благодаря анимации, особенно анимации цепочки. Я уже знаком с SVG, но недавно начал изучать анимацию SVG.

Поскольку SMIL устарел, я пытаюсь создать анимацию в чистом SVG.

Looking at this article (esp. the Handy Dandy Replacement Reference Chart at the end), я нахожусь под впечатлением, что мне нужно, чтобы прекратить использование SUc hattributes:

fill="freeze" 
repeatCount="indefinite" 
begin="hover" 
begin="circ-anim.begin + 1s" 

... потому что они являются частью SVG SMIL.

Но, если я смотрю на SVG reference on Mozilla, я вижу <animate> и <animateTransform> внутри списка, без предупреждения о том, что они SMIL, или необходимость прекратить их использование.

Кроме того, кажется Chrome normally warns against the use of SMIL animations in the console, но я не вижу такого предупреждения при использовании <animate> или <animateTransform> (будь то в SVG документе или внутри HTML-документ, который включает в себя встроенный или объект SVG.)

Длинная короткая история , мне непонятно что такое SMIL и что такое чистый SVG. Может ли кто-нибудь осветить тему? Могу ли я использовать <animate> и <animateTransform>?

Answer 1

SMIL is no longer deprecated by Chrome.

Мы ценим все ваши отзывы, и ясно, что есть случаи, обслуживаемые SMIL, которые пока не имеют замену высокой точности. В результате мы решили приостановить наше намерение отказаться и предпринять меньшие шаги к другим вариантам.

В основном SMIL в SVG - это все в Animation chapter of the specification.

Это элемент <animate>, элемент <set>, элемент <animateMotion> и элемент <animateTransform>. (спецификация SVG также содержит элемент <animateColor>, который не следует использовать, вы можете просто заменить его анимацией).