WAAPI中的动画路径如何？

Question

如何（如果有的话）可以在网页动画中为d制作动画？在示例中stroke和strokeWidth正在运行，d没有？！

<svg id="svg-path-anim" width="60" height="50"  style="border:1px solid #00f"> 
<path id="wave1" d="M10,10L50,10" stroke="#000" stroke-width="1" fill="none" />

<script type="text/ecmascript">
  <![CDATA[
var wave1 =   document.getElementById("wave1");
var playerWave1=wave1.animate([
{stroke:'#00f', strokeWidth:1, d:'M10,10,L50,10'},
{stroke:'#f00', strokeWidth:4, d:'M10,10,L50,40'}],
{duration:3000, delay:0,iterations: Infinity});
]]>
</script>
</svg>

编辑：实现脚本路径动画的任何首选替代（没有SMIL）？