给自己的网站加上Canvas-Nest背景

image-20200402145604775

很多人问我网站背后的这个蜘蛛网背景咋做的,在这里,我想先说一下

这东西叫Canvas-Nest!Canvas-Nest!Canvas-Nest!

好了,强调发泄结束,让我们切入正题

0x000001

在网上查找到Canvas-Nestjs源码,或者是白嫖用我的。

此处内容需要评论回复后(审核通过)方可阅读。

0x000002

在你主题的footer.php</body>之前加上代码

代码语言:javascript
复制
<script type="text/javascript" src="你js文件的地址"></script>

PHP

0x000003

接下来就是欣赏结果的时候啦!

用了CDN的同学记得刷新一下缓存,不然可能出一些奇怪的bug

0x00004

代码语言:javascript
复制

z: get_attribute(script, "zIndex", -1), //z-index

o: get_attribute(script, "opacity", 1), //opacity

c: get_attribute(script, "color", "135,206,250"), //color

n: get_attribute(script, "count", 150) //count

PHP

在这一段代码里面,是大家可以自行修改的,opacity是点的大小,color是色号(RGB格式),count是点的数量,z-index是层数。

不会改的同学们不要改z-index这个选项,容易出大问题。

有什么问题的可以在下面留言啊!