Canvas Nest 网页粒子背景效果

Canvas-nest.js 是一个非常好看的网页粒子背景插件，不需要依赖任何第三方库即可运行，提供额非常炫酷的背景。屏幕上会有离子运动，你移动鼠标会吸引它们。

默认是对整个body标签进行添加的效果。

特征：

• 它不依赖任何类库，而是使用原始的JavaScrpit。
• 体积小巧，只有2 Kb。
• 易于实现，配置简单。
• 您不必是Web开发人员即可使用它。
• 使用区域渲染进行模块化。

效果预览：Demo

安装：

                        
    # use npm
    npm install --save canvas-nest.js

    # or use yarn
    yarn add canvas-nest.js
                        
                    

使用：

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

属性：

• color：线条颜色，默认值：'0,0,0'；RGB值：（R, G,B）。
• pointColor：点的颜色，默认值：'0,0,0'；RGB值：（R, G,B）。
• opacity：线条不透明度（0〜1），默认值：0.5。
• count：线条密度，默认值：99。
• zIndex：背景的z-index属性，默认值：-1。

                        
    <script color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="canvas-nest.js"></script>
                        
                    

下载：

官网地址：gitHub

本地下载：cannvas-nest.min.js