Animation 基于路径的反smil动画

我是SVG新手，尝试反向运行动画，而不是从头开始。有没有一种方法可以使用SMIL来实现，或者我应该切换到关键帧

`https://codepen.io/anon/pen/LayQRL`

---

提前谢谢大家的帮助

您可以使用

值

属性而不是

来

如下所示： 红色路径就是您拥有的路径，蓝色路径使用3个

值

我希望这就是你要问的


svg{
边框：1px实心；
}

谢谢，这基本上就是我一直在寻找的。你能指定你指定的3个值是什么意思吗？第一个是开始的，第二个是开始的，第第三个是动画回退的，3个值是在开始、中间和结束时的<代码> d>代码>属性的值。第一个和最后一个是相同的（示例中红色路径的d属性）。第二个值是用于
元素的
to
属性的值。