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

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

Jammm
2020-04-16 / 0 评论 / 526 阅读 / 正在检测是否收录...

canvas-nest.js

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

show

使用

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

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

      ...


      ...
      ...
      <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

本文共 152 个字数,平均阅读时长 ≈ 1分钟
0

打赏

海报

正在生成.....

评论 (0)

取消