更新时间:2018/10/25 上午10:55:56
使用方法:
1 2 3 4 5 6 7 8 9 10 | particle({ el: 'body' , // 默认值body, 挂载元素(可以是其它元素,如div) startX: 0, // 默认值0(随机生成), 生成粒子x轴坐标 startY: 0, // 默认值0(随机生成), 生成粒子y轴坐标 num: 100, // 默认值100, 生成粒子的数量 shape: 0.1, // 默认值0.1, 粒子的透明度 isMouseEvent: true // 默认值false, 是否使用鼠标改变粒子出生坐标 }) particle() //如不传参,参数均为默认值 |
更新时间:2018/10/24 下午12:42:50
更新说明:
1、对代码进行了封装
2、添加了创建canvas元素方法,不需要手动在页面添加
2、可以把效果放在多个元素下,不仅限于body元素
3、使用时只需调用暴露的接口传参即可,不传参会直接使用默认参数
引入js文件即可
1 2 3 4 | new Particle({ num: 200, shape: 0.1 }).colorfulAnimation() |
num:为粒子的个数
shape: 为粒子的形状,范围值为0-1
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com