Javascript Safari的SVG SMIL动画解决方案?

Javascript Safari的SVG SMIL动画解决方案?,javascript,animation,svg,Javascript,Animation,Svg,我在Safari中遇到基本SVG动画问题 它只显示SVG而不显示动画,失败得很优雅,但如果可能的话,我希望它也能在Safari中工作 该动画与以下示例非常相似: 最好是本地的,但如果需要库,也没关系。您的rect元素上没有指定transform属性,因此Safari正在努力 将您的rect更改为: <rect x="10" y="10" height="110" width="110" style="stroke:#ff0000; fill: #0000ff" tr

我在Safari中遇到基本SVG动画问题

它只显示SVG而不显示动画,失败得很优雅,但如果可能的话,我希望它也能在Safari中工作

该动画与以下示例非常相似:



最好是本地的,但如果需要库,也没关系。

您的rect元素上没有指定transform属性,因此Safari正在努力

将您的rect更改为:

 <rect x="10" y="10" height="110" width="110"
         style="stroke:#ff0000; fill: #0000ff" transform="rotate(0 60 60)">


一切都很好。

谢谢你的回答,但指定转换似乎并不能解决问题。在Chrome中,它仍然可以正常旋转,但是Safari不喜欢它,只显示一个静态方块。在iOS Safari 7中我可以使用它。我没有mac桌面。谢谢你们两位的测试。我接受这个答案。我正在Windows下进行测试,我能安装的Safari的最高版本是5.1.7。它在桌面Safari 7.05上对我有效
 <rect x="10" y="10" height="110" width="110"
         style="stroke:#ff0000; fill: #0000ff" transform="rotate(0 60 60)">