github.com/zyszys/vue-canvas-nest

vue-canvas-nest

A Vue.js component for canvas-nest.

Install

# install dependencies
npm i vue-canvas-nest

# or use yarn
yarn add vue-canvas-nest

Usage

Registe component

import vueCanvasNest from 'vue-canvas-nest'
export default {
    components: { vueCanvasNest }
}

How to use

Simply use

<vue-canvas-nest></vue-canvas-nest>

With config or el(area render)

<vue-canvas-nest :config="{color:'255,0,0', count: 88}" :el="'#area'"></vue-canvas-nest>

Config

• color: the canvas line color, default: '255,0,0'; the color is (R,G,B).
• opacity: the opacity of line (0~1), default: 0.7.
• count: the number of lines, default: 99.
• zIndex: the index of z space, default: -1.

Note: Render the whole page if no el passed by default.

Example:

const config = {
  color: '0,0,255',
  opacity: 0.7,
  zIndex: -2,
  count: 99,
};

Contributors

• ZYSzys

Thanks

• canvas-nest.js

License

MIT.