Javascript 为什么'；这条svg路径不是动画吗？

我有一个简单的SVG，其中只有一条路径和两个

元素，它们应该通过250ms的转换和返回来更改

d

属性。单击父对象时，JavaScript将触发动画。这可以更改

d

属性，但没有转换；它只是立即发生。为什么它没有动画

var animationTo=document.getElementById（“animation to”），
animationFrom=document.getElementById（“animation from”）；
addEventListener（'click'，function（）{
if（button.classList.contains（“动画”））{
按钮。类列表。移除（“动画”）；
animationFrom.beginElement（）；
}否则{
按钮。类列表。添加（“动画”）；
animationTo.beginElement（）；
}
}，假）
按钮{
宽度：40px；
高度：40px；
显示：内联块；
}

它在Chrome上为我制作动画：如果你拿着那把小提琴，把
dur
改成
2500ms
，你就能更好地了解发生了什么。它正在制作动画，但非常急促，因此在250ms时可能看起来没有动画出现。如果您想要平滑动画，所有路径必须具有相同顺序的相同命令，并且每个子路径中的坐标数相同。