我正在尝试制作一个对象(一个圆圈)来遵循 svg 路径(我成功地做到了这一点)，但我希望这个对象在到达某些坐标时最小化，然后再次自动调整大小到他的半径并重新进行以及结束。我怎样才能做到这一点？
最佳答案
如果您愿意使用库，请使用 Greensock和 morphSVG插件来做到这一点。它们可以轻松地沿着路径对元素进行动画处理。您可以使用 pathDataToBezier 方法从现有路径向其提供路径数据，然后为沿该路径的任何对象设置动画。它甚至能够根据当前方向自动旋转。
您将需要 TweenMax 或 TweenLite(这是基本的补间库)，然后需要 morphSVG 插件来完成这项工作。您可能还需要其他一些，例如 DrawSVG和 Attr plugin .
它还具有各种触发事件方式，例如 onUpdate、onStart 和 onComplete，因此您可以随时随地轻松地进行补间。
http://codepen.io/anon/pen/VerMWX
http://greensock.com/forums/topic/13581-animate-svg-object-along-motion-path/
关于javascript - Svg 动画对象跟随路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40114216/