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" //背景粒子线的密度,建议不要太大,否则页面容易卡死

 

下载地址:请点击此链接 访问密码:279023 如果链接失效,请联系我重新上传提交

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论