网页 H5“线条” 特效实现方式（canvas
先上图 （看博客空白处也可以呦）：
前一阵浏览网站的时候，发现了这个好玩的东西，一直想找找怎么实现的，今天忙里偷闲，上网搜了一下，发现实现起来特别简单。
只需要在网页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
怎么样是不是特别简单^_^。
（以上，祝愉快！）
智能推荐
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。