什么是纯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的警告，或者需要停止使用它们。< / p>

此外，似乎是Chrome normally warns against the use of SMIL animations in the console但是在使用<animate>或<animateTransform>时（无论是在SVG文档中，还是在包含内联或HTML文档的HTML文档中），我都看不到这样的警告对象SVG。）

长话短说，我不清楚什么是SMIL，什么是纯SVG 。任何人都可以对这个主题有所了解吗？ 我可以使用<animate>和<animateTransform>吗？

Answer 1

SMIL是no longer deprecated by Chrome。

  

我们非常重视您的所有反馈，并且很明显SMIL提供的用例尚未获得高保真替代品。因此，我们决定暂停我们弃用的意图，并采取更小的步骤来实现其他选择。

基本上SVG中的SMIL就是Animation chapter of the specification中的所有内容。

这是<animate>元素，<set>元素，<animateMotion>元素和<animateTransform>元素。 （SVG规范还包含一个不应该使用的<animateColor>元素，你可以用动画替换它。