Как оживить путь в 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)?