A Vue.js background component for canvas-nest

A Vue.js background component for canvas-nest

A Vue.js component for canvas-nest.

vue-canvas-nest

NPM version Travis CI NPM downloads NPM downloads David Status license PRs Welcome

A Vue.js component for canvas-nest.

screenshot

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

Thanks

License

MIT.

Github Repository