Jquery SVG动画不适用于IE9/IE10,但适用于Firefox和chrome
请参考下面的代码Jquery SVG动画不适用于IE9/IE10,但适用于Firefox和chrome,jquery,svg,jquery-svg,Jquery,Svg,Jquery Svg,请参考下面的代码 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="curtainClip"> <rect id="clipRect" x="0" y="0" width="100" height="100"/> </cl
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="curtainClip">
<rect id="clipRect" x="0" y="0" width="100" height="100"/>
</clipPath>
</defs>
<animate xlink:href="#clipRect"
attributeName="width"
dur="15s"
from="0"
to="100" />
<path clip-path="url(#curtainClip)" stroke="red" d="M 0 0 L 100 100"/>
</svg>
谢谢
Siva您使用的是SMIL(声明性)动画,即。据我所知,微软没有支持它的计划。从第页
“基于脚本的动画为简单和复杂打开了大门
动画的可能性。正因为如此,以及其他原因(例如
作为CSS动画),IE9不支持声明式动画。”
Microsoft确实希望您使用基于脚本的动画。因此,如果您希望SVG在所有当前浏览器中都具有动画效果,则需要使用Javascript。或者,正如微软暗示的那样,您可以使用。在我看来,CSS动画将是您示例中简单动画的最佳选择。在IE的调试模式中是否有javascript错误?IE中没有javascript错误。svg组件显示,但动画仅在IE中不工作。可以使用FakeSMILe使IE9+对声明性元素进行动画制作,请参阅。与Microsoft一样:其他所有人都支持此标准,但我们会阻止您使用它。谢天谢地,有些图书馆可以多填充东西,但你猜怎么着?IE用户为较差的性能付出了代价。@ErikDahlström啊,这在背景图像中不起作用。不管好坏