1 下载地址

Github地址:https://github.com/hustcc/canvas-nest.js
官网地址:https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js

2 参数说明

(1)color: 线条颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
(2)pointColor: 交点颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
(3)opacity: 线条透明度(0~1), 默认: 0.5
(4)count: 线条的总数量, 默认: 150
(5)zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1

3 WordPress使用

设置该网页的粒子线条为红色,交点颜色为绿色,透明度为1,线条总数量为150,则在footer.php文件数据体中添加以下的JavaScript代码:

<script src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js"  type="text/javascript" color="255,0,0" pointColor="0,255,0" opacity="1" count="150" ></script>

4 效果

WordPress – 添加网页三角网粒子背景 Canvas-nest.js-StubbornHuang Blog