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啊,这在背景图像中不起作用。不管好坏