我用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中工作。这意味着动画路径将成为结果。
请参阅以下链接。
示例链接:
Animate无法在IE浏览器中运行。(10,9)
谢谢,
希瓦
答案 0 :(得分:0)
IE9 / 10不支持声明性SVG动画。但是,它确实支持某些样式属性的CSS动画和脚本动画。