感谢大家访问本站，希望本站的内容可以帮助到大家！
本站由于前段时间遭受到大量临时和国外邮箱注册，所以对可注册的邮箱类型进行了限制！
在本站开通年度VIP，无限制下载本站资源和阅读本站文章
工资「喂饱肚子」，副业「养活灵魂」！
欢迎大家交换友链，可在https://www.stubbornhuang.com/申请友情链接进行友链交换申请！
如果觉得本站的内容有帮助，可以考虑打赏博主哦！
问题反馈可发送邮件到stubbornhuang@qq.com
本站会放置Google广告用于维持域名以及网站服务器费用。
计算机图形学与计算几何经典必备书单整理，下载链接可参考：https://www.stubbornhuang.com/1256/

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

StubbornHuang WordPress 发布于2019-11-17 阅读 6,255次 0次评论 0次点赞本文共564个字，阅读需要2分钟。

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>