上下文:我正在研究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>？