我已经创建了简单的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)