网页 H5“线条” 特效实现方式（canvas-nest）

先上图 （看博客空白处也可以呦）：

前一阵浏览网站的时候，发现了这个好玩的东西，一直想找找怎么实现的，今天忙里偷闲，上网搜了一下，发现实现起来特别简单。

只需要在网页body里引入一个<script>标签即可，代码如下：

<script type="text/javascript" color="47,135,193" opacity='0.5' zIndex="-2" count="199" src="http://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

         (ps:不过从这个地址下载js文件可能会比较慢，想要使用的话可以从Github下载源码放到本地)

解释下script上的参数：

count  ：线条数量。

zindex ：层级。

opacity：透明度。

color   ：线条颜色。最好用RGB颜色。

最后附上github上的源码：canvas-nest.js

 

怎么样是不是特别简单^_^。

　（以上，祝愉快！）