canvas背景

类似于于这种特效的使用

npm install --save canvas-nest.js

import CanvasNest from 'canvas-nest.js';
 mounted() {
    const config = {
      color: "0,0,0",
      count: 150,
      zIndex: 99999
    };
    let element = document.getElementById("login-container");
    // 在 element 地方使用 config 渲染效果
    const cn = new CanvasNest(element, config);
  },

还有其他的配置项

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

// destroy
cn.destroy();