Javascript snap.svg、jquery.svg沿留下轨迹的路径的箭头动画（具有圆角）

我花了相当多的时间在snap.svg和jquery.svg之间，试图找出如何制作以下动画：

一支箭，射出后有尾迹

箭头具有90度弯曲，但位于曲线上

所以我得到了路径动画，到目前为止，对于一个带弯曲的圆和线。但是移动并留下痕迹的箭是有问题的（尾巴比箭头细）。jQuerySVG允许我不清除画布，因此我可以创建轨迹，但它是Snap.animate，我已经设计好用于沿路径设置动画

所以这个问题已经摆在全世界面前了

问题1。哪一个最好用？snap.svg或jquery.svg

问题2。任何关于如何实现我的动画的想法都将不胜感激

谢谢

---

Darcey对我来说，解决方案是：

snap.svg

我查看了许多路径动画等解决方案，但发现：

用于线条分隔的路径的虚线动画

沿箭头路径的动画

从SVG文件中获取路径数据并将其放入javascript中的变量中使事情变得更容易，因为动画在加载的SVG上不起作用，我确信有一个简单的修复/解决方案，但是js var数据起作用了。所以我同意了

---

D

你真的说不出哪种最好用。我个人会将您的代码发布到JSFIDLE上，其中包含您目前所拥有的代码。如果您需要对旧浏览器的支持，您可能希望避开Snap（但可以看看Raphael）。