javascript - 如何在 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）的任何首选替代方案？