html5 canvas粒子线条组合动画背景特效

简介

Canvas-nest.js是一个非常好看的网页粒子背景插件,不需要依赖任何第三方库即可运行,提供额非常炫酷的背景。

特点

不依赖于任何框架或者库,使用原生js编写。轻量级,只有不到2kb(50行代码左右)。使用起来非常简单,直接在html页面引入即可。

使用方法

直接把下面这段代码粘贴到HTML的body标签中即可

<scripttype="text/javascript"src="canvas-nest.js"></script>

注:不要把上面代码放到head标签之类,否则不会生效。

自定义外观

在script中加入相应的参数,自定义参数值即可,如下:

<scripttype="text/javascript"color="255,0,0"opacity="0.5"count="99"src="canvas-nest.js"></script>

参数说明

color="255,0,0"  //背景粒子线的颜色
opacity="0.5"    //背景粒子线的透明度,一般设置成0.5-1之间
count="99"       //背景粒子线的密度,建议不要太大,否则页面容易卡死

下载地址

免责声明:
1. 本站所有资源来源于网络,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请自负。
2. 如果您喜欢该源码,请支持购买正版,得到更好的正版服务。
3. 如果你有好源码或者教程,可以联系站长投稿,分享有金币奖励和额的外收入!
4. 本站提供的非本站原创资源都不包含技术服务请大家谅解!
5. 如有链接无法下载或失效,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站无法保证所有资源的准确性、安全性和完整性!
8. 如本站源码有侵权问题,请联系站长!