offset-path 设置不规则运动路径

首先，认识offset-path之前，是手里接到一个关于不规则运动路径效果的小需求（两架纸飞机需要沿着标题文字做不规则运动）。

率先考虑到了的，当然是使用css3工具来实现，这样不需要接入JS，即可以操作实现。问题停留在路径设定上，因为飞机的运动轨迹是有弧度的，大概示意如下图哈（粗糙了些）。

那么如果在这种情况下，如果用translate来做，那工作量不可谓不大。
当然之前有接触过一款界面工具，专门设置运动轨迹的 地址奉上 http://jeremyckahn.github.io/stylie/。
查阅过了一些资料，关于这方面操作的文章不是很多，其中下面这篇文章对我有了一些启发。

使用CSS offset-path让元素沿着不规则路径运动

根据功能描述，offset-path可以使用SVG中path路径，这样就真的很省心了，下来的问题就是要如何导出将图示中路径转化成SVG格式保存出来。

由于图是使用的PS软件做的，参考资料导出方法，步骤如下：

第一步我们需要百度搜索save-ps-to-svg1.0脚本文件，下载下来，将save-ps-to-svg1.0.jsx文件放到ps的安装目录/Presets/Scripts 文件夹中，如下图所示：

第二步我们打开ps，使用形状工具来绘图(重点在这)，，才可以导出svg格式，如下图：

第三步绘好图之后，将右边形状命名为“.svg”的格式，这里命名的是test.svg，然后进行保存，先保存为psd文件，保存完之后，点击文件，选择脚本->Save as svg，如下图：

OK，经历以上步骤即可导出svg格式文件~~ 经过测试，只有形状绘图工具绘制的图才能被导出，而我们本意是自由路径（用钢笔工具随意勾勒出的自由路径），这样还需要找其他方法——通过使用AI软件来导出，长话短说，导出文件内代码

<svg >
	<path