动画不适用于IE

Question

我为一个我试图制作动画的网站制作了一个SVG徽标，它在Firefox和Chrome上运行得很好但是出于某种原因，当我在IE上加载它时，它被视为普通图像并且什么都不做。此外，在Edge中，它执行颜色之间的转换，但不执行虚线动画。我用原始SVG代码制作了一个小提琴：SVG animation Fiddle。在我的页面中，我只是放了一个对象然后嵌入外部.svg文件，如下所示：

<object>
    <embed id="obj" src="LCF.svg"></embed>
</object>

很抱歉，如果这个问题已被提出，但我在搜索之前搜索了很多，我找不到任何解决此问题的方法，包括-ms-前缀，因为我使用的是IE 10而不是9

Answer 1

IE不支持SVG上的CSS动画。它也不支持SVG默认的SMIL动画。

替代方案 -

1. 如果它是您正在构建的徽标，您可以将其转换为GIF（动画）并使用GIF而不是SVG。

2. 查看smil2css。它是一个实用程序，可将SMIL转换为CSS，并可在任何支持CSS的Internet Explorer版本中使用

3. 查看FakeSmile。允许您为Web内容制作动画的JavaScript库