Skip to content

ZYSzys/vue-canvas-nest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

229efe6 Â· Jun 9, 2019

History

76 Commits
Jul 8, 2018
Jun 9, 2019
Aug 25, 2018
Aug 24, 2018
Jun 23, 2018
Jun 23, 2018
Aug 25, 2018
Jun 9, 2019
Jun 23, 2018
Aug 25, 2018
Jun 9, 2019
Aug 5, 2018
Aug 24, 2018
Jun 9, 2019

Repository files navigation

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.