在XHTML中使用嵌入式SVG从Javascript创建动画

我在XHTML中使用嵌入式SVG，并希望从Javascript创建动画，但它并没有按预期工作

我正在使用XPDL对业务流程进行建模，并将模拟连接到SVG图形，然后使用javascript制作动画。我在Firefox中这样做，模型和图形嵌入到XHTML中。现在的问题是，我想使用animateMotion标记沿路径移动对象。两者都已经存在，所以我尝试将解决方案写入SVG文件，效果很好。它看起来像：

<animateMotion xlink:href="#id1" rotate="auto" dur="2s">
    <mpath xlink:href="#id2">
</animateMotion>

而不是

setAttributeNS(svgNs,"attr",value)

setAttributeNS(svgNs,"attr",value)

如果我错了，请纠正这一点，但我的第一种方法不是XML的想法吗？不应该有无名称空间的属性？无论如何-解决了

使用

而不是

setAttributeNS(svgNs,"attr",value)

setAttributeNS(svgNs,"attr",value)

---

永远不要将svg名称空间用于属性。请将您的答案作为答案发布，并接受它。

setAttributeNS(svgNs,"attr",value)

variableElementNS.href.baseVal = value;