米家净化器页面的动态效果怎么做的？

Question

如下图效果：有星点汇聚和圆圈3D动态的效果，请问大家这是怎么做的？

][1]

Answer 1

canvas画啊
大概一下几种实现：

1. 最简单的方法，找设计出个 gif 图。
2. 找设计出一系列的 序列帧图片，你用dom循环切换展示，当然还是推荐用canvas轮播画，性能好。
3. 用canvas 自己画

Answer 2

背景透明的gif图片，背景色用css给

Answer 3

你想要效果好，最好是使用canvas。由图可见，背景颜色是随着分数的不同而变化的，所以不建议使用css来控制，所以，全部canvas绘制吧。

Answer 4

AI -> 导出 SVG