WordPress – 添加网页三角网粒子背景 Canvas-nest.js
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 效果
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:WordPress – 添加网页三角网粒子背景 Canvas-nest.js
原文链接:https://www.stubbornhuang.com/402/
发布于:2019年11月17日 23:06:28
修改于:2023年06月26日 22:56:31
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论
52