什么是纯SVG,什么是SMIL？

Question

上下文:我正在研究SVG中的信息图.我希望通过动画来使文档变得生动,特别是通过链接动画.我已经熟悉SVG,但最近才开始学习SVG动画.

由于SMIL已被弃用,我正试图在纯SVG中制作动画.

看看这篇文章(特别是最后的Handy Dandy替换参考图表),我的印象是我需要停止使用suc hattributes:

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

...因为他们是SVG SMIL的一部分.

但是,如果我查看Mozilla上的SVG参考,我会在列表中看到<animate>并且<animateTransform>没有关于它们是SMIL的警告,或者需要停止使用它们.

此外,Chrome通常会在控制台中警告不要使用SMIL动画,但在使用<animate>或<animateTransform>(无论是在SVG文档中,还是在包含内联或对象SVG的HTML文档内)时,我都看不到这样的警告.)

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

Answer 1

Chrome不再弃用 SMIL .

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

基本上SVG中的SMIL是规范的动画章节中的所有内容.

这是<animate>元素,<set>元素,<animateMotion>元素和<animateTransform>元素.(SVG规范还包含一个<animateColor>不应该使用的元素,你可以用animate替换它).