什么是纯 SVG，什么是 SMIL？

Question

上下文： 我正在制作 SVG 信息图。由于动画，尤其是 链接动画 ，我想让文档栩栩如生。我已经熟悉 SVG，但最近才开始学习 SVG 动画。

由于 SMIL 已被弃用，我正在尝试使用纯 SVG 制作动画。

Looking at this article (esp. the Handy Dandy Replacement Reference Chart at the end)，我的印象是我需要停止使用 suc 属性：

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 是 no longer deprecated by Chrome.

We value all of your feedback, and it's clear that there are use cases serviced by SMIL that just don’t have high-fidelity replacements yet. As a result, we’ve decided to suspend our intent to deprecate and take smaller steps toward other options.

SVG 中的 SMIL 基本上就是 Animation chapter of the specification 中的一切。

这是 <animate> 元素、<set> 元素、<animateMotion> 元素和 <animateTransform> 元素。（SVG 规范还包含不应使用的 <animateColor> 元素，您可以将其替换为动画）。

什么是纯 SVG，什么是 SMIL？

What is pure SVG and what is SMIL?

animation

svg

smil