Html5 Canvas 运动的太阳系的例子
作者：袖梨
2022-06-25
过程大概是绘制几个镜像渐变的小球，围绕 “太阳” 做圆周运动，不同的天体运动的速度不同。
CSS 仅仅只是去掉了浏览器默认给加上的边距，给背景改成了黑色，剩下的全部用 Canvas 完成。
PS：其实这样的动画纯 CSS 完成也不算难，这里主要介绍 Canvas
| 代码如下 | 复制代码 |
|
|
|
过程大概是绘制几个镜像渐变的小球，围绕 “太阳” 做圆周运动，不同的天体运动的速度不同。
CSS 仅仅只是去掉了浏览器默认给加上的边距，给背景改成了黑色，剩下的全部用 Canvas 完成。
PS：其实这样的动画纯 CSS 完成也不算难，这里主要介绍 Canvas
| 代码如下 | 复制代码 |
|
|
|
