Canvas涂鸦。
您可以从Github上得到它的源码。
1. 收缩
第一张 gif 较大(3M)。 Check Demo

Shrink1

Shrink2
2. 十字

Cross
3. 波动
波动过程 Check Demo

Wave1
再模仿一下恢复的过程 Check Demo

Wave3
渲染上色 Check Demo

Wave4
加上一点音乐 Check Demo

Wave5
Canvas涂鸦。
您可以从Github上得到它的源码。
第一张 gif 较大(3M)。 Check Demo
Shrink1
Shrink2
Cross
波动过程 Check Demo
Wave1
再模仿一下恢复的过程 Check Demo
Wave3
渲染上色 Check Demo
Wave4
加上一点音乐 Check Demo
Wave5