通过SVG PATH标签实现按照设定路径运动的动画效果

简单的运动动画与复杂路径运动动画

简单的运动动画可以通过使用JavaScript来操作DOM元素进行简单的线性直线运动或者折返运动等等效果但是，但是有时候会需要一些复杂的路径动画，例如绘制一个纸飞机翻转曲线运动至某一点的需求，这样通过JavaScript来计算路径的运动坐标是非常麻烦的。

如何实现

如何来简单实现这样的运动动画呢，我们可以通过SVG的Path来实现这个功能。

关于SVG的Path

Path是SVG的一种标签，用来绘制一段路径等等信息详细信息可以查看
SVG [path]的详细说明

如何绘制路径

Path的路径绘制是非常麻烦的，还好网上有很多在线编辑工具，所见即所得
SVGPath路径在线编辑工具
点击几次即可明白如何进行操作了，非常简单

绘制路径之后如何使用

绘制之后会生成一段Path路径信息录入：
M 100 300 Q 150 50 200 300 Q 250 550 300 300 Q 350 50 400 300 C 450 550 450 50 500 200 C 550 50 550 550 600 300 A 50 50 0 1 1 700 300
这样的路径 如何使用呢