php粒子背景特效_粒子动画效果背景canvas-particle.js

【温馨提示】源码包解压密码：www.youhutong.com

效果图：

描述说明：

html5 canvas 实现网页背景粒子效果

1.引入js文件

2.配置

配置，调用CanvasParticle函数，传入配置参数即可，如果不配置则用默认配置

在你的js文件中加上如下配置window.onload = function(){

//配置

var config = {

vx: 4,//点x轴速度,正为右，负为左

vy:  4,//点y轴速度

height: 2,//点高宽，其实为正方形，所以不宜太大

width: 2,

count: 100,//点个数

color: "121, 162, 185",//点颜色

stroke: "130,255,255",//线条颜色

dist: 6000,//点吸附距离

e_dist: 20000,//鼠标吸附加速距离

max_conn: 10//点到点最大连接数

}

//调用

CanvasParticle(config);

}

浏览器启用弹出窗口过滤功能，将无法跳转到下载页。在浏览器地址栏右边符号提示处点击允许就可以了！

【温馨提示】源码包解压密码：www.youhutong.com

郑重声明：

1、本站源码仅供个人学习研究和交流使用，请于下载后二十四小时内删除

2、本站大多资源来源于互联网、用户分享，仅供学习交流使用，本站不提供任何技术支持

3、本站联系方式Email：admin@youhutong.com ，收到邮件会第一时间处理。

4、如侵犯到任何版权问题，请立即告知本站(立即在线告知)，本站将及时删除并致以最深的歉意