Skip to content

ZYSzys/vue-canvas-nest

Repository files navigation

vue-canvas-nest

Vue Travis CI PRs Welcome NPM version NPM downloads license

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:

<vue-canvas-nest :config="{color:'255,0,0', count: 88}"></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.

Example:

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

Contributors

Thanks

License

MIT.

About

💫 A Vue.js background component for canvas-nest.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •