SVG帧动画

Question

3

我很想知道是否有人能够指导我如何进行SVG动画，其中本质上循环分组元素的可见性，这样你就可以获得逐帧动画。动画代码必须嵌入在SVG中，并且必须与IE、Firefox和Chrome兼容。到目前为止，在尝试了无数个小时的不同方法后，我只成功在Chrome中运行它。

- Chris Burke

IE不支持SMIL或CSS动画，因此您需要使用JavaScript动画库或自己编写代码。 - Robert Longson

好的，我已经被告知可以忘记IE兼容性，只需使其与Firefox和Chrome兼容。在这两个浏览器之间保持兼容性是否可能？ - Chris Burke

在这种情况下，使用SMIL或CSS动画。 - Robert Longson

这是我现在拥有的代码，我不喜欢淡入淡出，我宁愿让它循环帧打开或关闭。http://codepen.io/chrisbtbi/pen/wzbJNo - Chris Burke

顺便说一下，虽然代码很多，但动画代码非常短，并且在每组元素的末尾。 - Chris Burke

显示剩余2条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Robert Longson · Accepted Answer

SMIL规范规定数字不能以.开头，因此您需要

dur="0.1s"

更改这个问题后，它似乎可以在Firefox中工作，即叶片看起来像是在运动，这可能是你要做的。Chrome不太严格，允许一些技术上无效的内容。

你可以使用SMIL仿真库（如fakeSmile）来使其在IE中工作。