SVG Animation无法在多个浏览器上运行

时间:2011-10-30 03:05:15

标签: animation browser svg

我最近创建了一个包含少量图像的动画,现在完整的动画只显示在Firefox中。在所有其他浏览器(IE,谷歌浏览器,Safari)中,动画的各个部分都缺失了,基本上我使用了移动和不透明度属性。有没有办法解决这些问题。感谢。

编辑:

我无法发布完整的代码,但这里有一些。希望这会有所帮助

<animateTransform
            attributeName="opacity"
            begin="3s"
            dur="3s"
            type="CSS"
            from="100"
            to="0"
            repeatCount="1" 
        />

 <animateTransform
            attributeName="transform"
            begin="0s"
            dur="3s"
            type="translate"
            from="0 -330"
            to="0 0"
            repeatCount="1" 
        />

1 个答案:

答案 0 :(得分:0)

<animateTransform>仅适用于动画转换,不适用于不透明度。只需用<animate>代替那个,它应该没问题。当你在它的时候删除type =“CSS”。