SVG 变形动画模块思路

需求：

参考网站 funplex.co.jp 的变形动画

分析：

采用了 svg，一些关键技术点 path、def 等

思考：

1. 搜索是否有合适的 svg 变形动画框架

2. 查找官方文档，学习 svg 语法

进一步分析：

1. 查找到 AlloyTeam 开发了一个 Pasition 框架，查看官方文档，简单分析其 Demo 的原理，思考与甲方需求的匹配度

2. 通过研究其 Demo 深入了解学习 svg 语法

开工：

1. 通过 Sketch 制作 svg 文件，获取对应 path 的值

2. 开发基础代码，完成主流程功能

3. 细化代码，完成支线功能

4. 思考各种边界情况，测试已完成的功能

5. 思考最终用户的使用场景，将一些变化量提取出来作为传入参数（高内聚，低耦合）

迭代：

1. 在 ASG 项目中进行了实战

2. 根据开发人员的反馈，修改完善模块代码