本文最后更新于 almost 8 years ago,文中所描述的信息可能已发生改变。
一个基于 HTML5 Canvas 绘制的网页背景效果。
Github
配置方法
使用 jsDelivr 提供的免费 CDN 服务。
将下面的代码插入到 <body>
和 </body>
标签之间
javascript
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/canvas-nest.js/dist/canvas-nest.js"
>
</script>
自定义样式
color
: 线条颜色, 默认:'0,0,0'
;三个数字分别为(R,G,B),注意用,
分割pointColor
: 点颜色, 默认:'0,0,0'
; RGB 格式.(注意:使用,
分割)opacity
: 线条透明度(0~1), 默认:0.5
count
: 线条的总数量, 默认:99
zIndex
: 背景的z-index
属性,css 属性用于控制所在层的位置, 默认:-1
Example
js
<script
type="text/javascript"
color="0,0,255"
pointColor="0,0,255"
opacity="0.7"
zIndex="2"
count="66"
src="https://cdn.jsdelivr.net/npm/canvas-nest.js/dist/canvas-nest.js"
>
</script>