本文最后更新于 2024-08-29，文章内容可能已经过时。

canvas-nest.js

一个基于 html5 canvas 绘制的网页背景效果。

show

使用

  • 快捷使用 将下面的代码插入到 和 之间.

    强烈建议在 标签上方. 例如下面的代码结构

    ... ... ...

配置

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

Typecho使用

在有主题的情况下，将代码添加至底部自定义内容即可

<script type="text/javascript" color="255,20,147" opacity='0.8' zIndex="-1" count="500" src="https://cdn.bootcss.com/canvas-nest.js/2.0.4/canvas-nest.js"></script>

下载

Github官网：canvas-nest.js 外链CDN：cdn