之前在某不知名网站上看到过,觉得好酷炫,当时也没多想怎么写的。
今天正好手头上没有事情在一个技术网站上,又在某技术网站上看到了这个背景,实在是忍不住好奇心,想知道怎么实现的,遂在各个技术群问了一句,没想到真的有人知道。
github地址:https://github.com/hustcc/canvas-nest.js
官方tip:使用方法很简单只需要再body中间插入这段js代码即可,注意不要放在head里面
配置:颜色:默认是(0,0,0),格式是(R,G,B)
透明度:(0-1),默认0.5
线段的数量:默认0.5
Z轴:默认-1
使用方法(放在body中):
<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>



![WP Rocket WordPress下最好用的缓存插件[更新至v3.3.7]](https://www.yjro.com/wp-content/themes/begin/prune.php?src=https://www.qieseo.com/wp-content/uploads/2019/09/02/2019041105233590.jpg&w=280&h=210&a=&zc=1)







