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



我已经创建了简单的MVC3应用程序与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"/>
        </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)

谢谢,湿婆

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

查看这里-基本SVG动画(MSDN)

最新更新