0
0
巴扎黑
发布时间：2018-05-11 14:43:56
|5205人浏览过
|来源于php中文网
原创
本文给大家分享particles.js基于canvas画布创建粒子颗粒效果，代码非常简单，需要的朋友参考下吧
好久没登录知乎，发现他们的登录页面粒子动态效果蛮炫的，查一下代码用了Particles.js基于Canvas画布创建粒子颗粒效果。
上图
上图:
感觉有比格，就照着弄了一个,玩玩。
github: https://github.com/VincentGarreau/particles.js/
操作过程：
网上有基本流程，可以参考一下，不过直接用在登录页面 会有小bug，需要调整下。
1、首先在页面中引入particles.js文件。
2、在页面中使用一个p来作为放置粒子的容器。[一般放最底部，css 需要改进一下]
3、加载配置文件: 网上讲 用load()方法 还得弄个配置的json文件，光路径 就搞残了我。
参考官方demo
直接在js里面写配置
4，配置参数 option 以及使用： option github 官网页面就有详情。控制粒子数量 运动速度 什么的
particles 用起来还是有点问题的，在chrome 下载文件后再切换到这个页面 就残废了。等解决方法。
相关文章
javascript如何处理异步_promise是什么【教程】
javascript函数如何定义和调用？_探索javascript函数的作用域【教程】
javascript AJAX是什么_如何与服务器通信【教程】
怎样处理javascript异步_回调、Promise和Async/Await有何区别【教程】
javascript中什么是代理对象_Proxy如何使用【教程】
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
以工资薪金所得为例，应纳税额 = 应纳税所得额 × 税率 - 速算扣除数。应纳税所得额 = 月度收入 - 5000 元 - 专项扣除 - 专项附加扣除 - 依法确定的其他扣除。假设某员工月工资 10000 元，专项扣除 1000 元，专项附加扣除 2000 元，当月应纳税所得额为 10000 - 5000 - 1000 - 2000 = 2000 元，对应税率为 3%，速算扣除数为 0，则当月应纳税额为 2000×3% = 60 元。
0
2026.01.26
oppo云服务https://cloud.oppo.com/可以在云端安全存储您的照片、视频、联系人、便签等重要数据。当您的手机数据意外丢失或者需要更换手机时，可以随时将这些存储在云端的数据快速恢复到手机中。
1
2026.01.26
网页端充值步骤：打开浏览器，输入https://www.douyin.com，登录账号；点击右上角头像，选择“钱包”；进入“充值中心”，操作和APP端一致。注意：切勿通过第三方链接、二维码充值，谨防受骗
3
2026.01.26
本专题系统讲解 Java Spring Security 框架在认证与授权中的应用，涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造（CSRF）防护、会话管理与安全漏洞防范。通过实际项目案例，帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制，提升 Web 应用的安全性与用户数据保护。
24
2026.01.26
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
17
2026.01.23
热门下载
相关下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
