Jquery 设置SVG路径数据的动画

我正在尝试使用jQuery设置SVG路径数据属性的动画

目前，我已经创建了SVG，并存储了两条路径，其中一个按钮添加了动画元素

当我改变第一个svg直接显示的属性时，我成功了，尽管动画没有改变第二个svg上的任何内容

$('.svg2 svg path').append('<animate attributeName="stroke-dasharray" from="'+OrigPath+'" to="'+NewPath+' dur="4" repeatCount="1">');

---

任何帮助都会很好。问题是：

像那样使用jQuery添加元素是行不通的。这是因为jQuery对新元素使用的是HTML名称空间，而不是SVG名称空间

您需要使用类似jQuerySVG的工具来创建和添加新元素。

请参见