Jammmの日常-JamPang Jammm的日常,Jampang的日常,Jampang,Jam日志,Share daily life and what I learnt,日常,代码,笔记本电脑推荐,台式机配置单

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

⚠️ 本文最后更新于2020年04月16日,已经过了2061天没有更新,若内容或图片失效,请留言反馈

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

By Jammm On