1.关于canvas教程可以看https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial,了解关于画线和圆形的相关步骤就行
2.canvas粒子特效要实现的效果:
- 粒子大小在一定范围内随机波动
- 粒子的位置是随机的
- 粒子的个数是固定的
当鼠标移动时,在鼠标周围产生特定的粒子并连线,向四周移动,达到一定条件消失。
参考了知乎登录首页 canvas 粒子动态效果,可配置和一个少女心满满的例子带你入门 Canvas
关于动画是使用
requestAnimationFrame()函数实现的。
稍后贴出代码