SVG动画不在Asp.net MVC应用程序/ Asp.net Web应用程序(IE -10,9浏览器)中工作但在JS小提琴中工作

时间:2013-03-08 06:20:34

标签: jquery svg jquery-svg

我用SVG线/路径动画创建了简单的MVC3应用程序。请参阅下面的代码段。

<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>

它在JS-fiddle / JS-bin中工作。这意味着动画路径将成为结果。

请参阅以下链接。

http://jsfiddle.net/XbzRX/2/

示例链接:

Sample

Animate无法在IE浏览器中运行。(10,9)

谢谢,

希瓦

1 个答案:

答案 0 :(得分:0)

IE9 / 10不支持声明性SVG动画。但是,它确实支持某些样式属性的CSS动画和脚本动画。

See here - Basic SVG Animation (MSDN)