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

下载地址