jquery - SVG 动画不能在 Asp.net MVC 应用程序/Asp.net Web 应用程序（IE -10,9 浏览器）中工作，但在 JS fiddle 中工作

Question

我用 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/

示例链接：

样本

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

谢谢，

湿婆

Answer 1

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

请参阅此处 - 基本 SVG 动画 (MSDN)