网页粒子背景插件 canvas-nest.js

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

Canvas-nest.js

官网介绍

https://github.com/hustcc/canvas-nest.js

特征

  • 它不依赖 jQuery,并且使用原始的 javascrpit。
  • 体积小巧,只有 2 Kb。
  • 易于实现,配置简单。
  • 您不必是 Web 开发人员即可使用它。
  • 使用区域渲染进行模块化。

使用

使用非常简单,将下面的代码插入到 <body></body> 之间就行了。

<script type="text/javascript" color="#34495e" opacity='0.5' zIndex="-2" count="99" src="canvas-nest.min.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