Canvas涂鸦。
您可以从Github上得到它的源码。
1. 收缩
第一张 gif 较大(3M)。 Check Demo
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_shrink.gif)
Shrink1
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_shrink2.gif)
Shrink2
2. 十字
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_cross.gif)
Cross
3. 波动
波动过程 Check Demo
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_wave.gif)
Wave1
再模仿一下恢复的过程 Check Demo
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_wave3.gif)
Wave3
渲染上色 Check Demo
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_wave4.gif)
Wave4
加上一点音乐 Check Demo
![](http://7xngrd.com1.z0.glb.clouddn.com/ci_visulizer_player.png)
Wave5
Canvas涂鸦。
您可以从Github上得到它的源码。
第一张 gif 较大(3M)。 Check Demo
Shrink1
Shrink2
Cross
波动过程 Check Demo
Wave1
再模仿一下恢复的过程 Check Demo
Wave3
渲染上色 Check Demo
Wave4
加上一点音乐 Check Demo
Wave5