GitXplorerGitXplorer
Z

vue-canvas-nest

public
166 stars
21 forks
32 issues

Commits

List of commits on branch master.
Verified
229efe67bb8b7ae5e0babb355fa9244683cba16c

deps: upgrade & fix vulnerabilities (#37)

ZZYSzys committed 6 years ago
Verified
f7e236930a1c889782a6aa43dafdab844a9b9644

tweak

ZZYSzys committed 6 years ago
Verified
007345f602e61109b7f83c01da9fd42164b69a83

2.0.0

ZZYSzys committed 6 years ago
Verified
ef740385d639f1c6a393d4ce41b70cb9768842b1

scroll bug fix

ZZYSzys committed 6 years ago
Verified
512429a891235cb99eb3fb1362e1b2f3cf2c80f3

Update example

ZZYSzys committed 6 years ago
Verified
f743ad7ab1fbcfa63c36bfc9da77f8eb2667b29f

1.3.0

ZZYSzys committed 6 years ago

README

The README file for this repository.

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.