canvas-nest.js-一个基于 html5 canvas 绘制的网页背景效果

canvas-nest.js

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

使用

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

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

    ...

  
  

    ...
    ...
    <script type="text/javascript" src="dist/canvas-nest.js"></script>

  
  

配置

• 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