流星·星空
流星划过星空，背景图片由ai生成，创建html加载jpg,构建流星及频率划过夜空。
流星划过星空
整个页面用的是纯原生技术：
1. HTML5：基础页面结构，包含 <div> 容器和 <canvas> 元素
2. CSS3：背景图片设置（ background-image , background-size , background-position ）、绝对定位覆盖在背景图之上
3. HTML5 Canvas API：使用 getContext('2d') 获取2D绘图上下文、通过 createLinearGradient() 创建渐变效果、使用 stroke() 绘制流星拖尾线条、使用 clearRect() 每一帧清空画布
4. JavaScript ES6+：类（Class） （定义 Star 和 Meteor 类管理星星和流星对象）、equestAnimationFrame （实现流畅的60fps动画循环）、对象数组 ：管理多个星星和流星实例
5. 动画原理：流星（通过不断更新坐标位置，结合渐变透明度绘制拖尾效果）、星星（通过正弦函数实现闪烁效果）