Svg 如何为新添加的路径数据设置动画？

我正在使用SVG

绘制x和y值。我正在接收新值，并希望使用平滑动画将它们添加到路径中。我怎样才能做到这一点，或者甚至可以用SVG做这样的事情？如以下示例所示：

---

是的，这是可能的，尽管还不完全是纯CSS算法。您还不能用CSS设置

d

属性的样式。但很快就要来了。同时，您可以使用或使用第三方JS库usch作为Greensock的GSAP。有关更多信息，请在此处或其他位置搜索“SVG变形”。这取决于您正在绘制的路径类型，但标准的动画技术是在旧路径上绘制新线，并将其不透明度从0设置为1。我使用SMIL进行了尝试，但没有得到平滑的动画。“SVG变形”将一个形状转换为另一个形状。如果我已经有了点，我已经可以实现路径绘制动画（带虚线阵列和虚线偏移），但是当我想添加新点时，它不起作用。