SVG帧动画

SVG帧动画,svg,svg-animate,Svg,Svg Animate,我很好奇,是否有人能给我指出正确的方向,让我能够制作SVG动画,它基本上循环了分组元素的可见性,这样基本上就有了逐帧动画。动画代码必须嵌入svg中,并且必须与IE、Firefox和Chrome兼容。到目前为止,经过无数个小时的尝试,我已经让它只在Chrome上工作 SMIL规范规定数字不能以字母开头。所以你需要 dur="0.1s" 改变这一点,它似乎在Firefox中起作用,也就是说,刀片看起来像是在移动,这大概就是你想要做的。Chrome没有那么严格,允许技术上无效的东西 你可以在IE中使

我很好奇,是否有人能给我指出正确的方向,让我能够制作SVG动画,它基本上循环了分组元素的可见性,这样基本上就有了逐帧动画。动画代码必须嵌入svg中,并且必须与IE、Firefox和Chrome兼容。到目前为止,经过无数个小时的尝试,我已经让它只在Chrome上工作

SMIL规范规定数字不能以字母开头。所以你需要

dur="0.1s"
改变这一点,它似乎在Firefox中起作用,也就是说,刀片看起来像是在移动,这大概就是你想要做的。Chrome没有那么严格,允许技术上无效的东西


你可以在IE中使用SMIL仿真库,比如。

IE不做SMIL或CSS动画,所以你需要使用javascript动画库或自己编写。好吧,我已经被告知我可以忘记IE兼容性,只需让它与Firefox和Chrome兼容即可。在保持这两种浏览器之间的兼容性的同时,是否可以做到这一点?在这种情况下,请使用SMIL或CSS动画。能否将SMIL或CSS动画直接嵌入到SVG文件的代码中?我试过这样做,但没有成功…当然你可以,在你的问题中发布代码,如果足够短,我会纠正它。太棒了!非常感谢你,罗伯特!