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

小样
  • 187

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

![图片描述][1]

回复
阅读 1.7k
4 个回答
donglegend
  • 905

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

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

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

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

AI -> 导出 SVG

宣传栏