• Stars
    star
    165
  • Rank 228,906 (Top 5 %)
  • Language Vue
  • License
    MIT License
  • Created over 6 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

💫 A Vue.js background 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.

More Repositories

1

awesome-captcha

🔑 Curated list of awesome captcha libraries and crack tools.
JavaScript
1,163
star
2

ZhengFang_System_Spider

🐛一只登录正方教务管理系统,爬取数据的小爬虫
Python
20
star
3

Mzitu_Spider

🚚一只爬取mzitu.com美女图片的小爬虫,不说了赶紧上车~
Python
18
star
4

zys-zsh-theme

🌈A ZSH theme similar with agnoster-zsh-theme.
Shell
11
star
5

commodity-management-system

🏪简易商品管理系统(Commodity Management System)
C++
8
star
6

react-sharing

🌏 Simple react social media sharing.
JavaScript
7
star
7

sort-github-stars-size

✨ Sort your personal starred repos by repo's size.
JavaScript
7
star
8

web

💎一些前端练手小项目
HTML
7
star
9

Student_System

小型学生信息管理系统~~~by Qt Creator
C++
5
star
10

cmd-trans

Translate something in the command line.
JavaScript
4
star
11

generator-nm-boilerplate

📋 Boilerplate for scaffold out a node module.
JavaScript
4
star
12

github-personal-stars

⭐ Count your personal repos' total stars.
JavaScript
3
star
13

Answer-Assistant

手机移动端答题辅助工具,识别文字
Python
2
star
14

ZYSzys

2
star
15

NeteaseMusicAnalysis

网易云音乐数据分析[Deprecated]
Python
2
star
16

zyszys.github.io

My personal blog built by Gatsby.
JavaScript
2
star
17

pre-work-todolist

A pre-work-todolist for internship. 👇前后端交互。👉纯前端[Deprecated]
JavaScript
2
star
18

dotfiles

My personal dotfiles.
Shell
2
star
19

zyszys-cli

The zyszys CLI.
JavaScript
2
star
20

cn-len

Calculate the Chinese string length in command line.
JavaScript
2
star
21

zys-wheels

⚙️Record my javascript learning by making wheels.
JavaScript
1
star
22

num-conver

Simple number conversion.
JavaScript
1
star
23

tiny-commit-validator

A tiny configurable commit message validator.
JavaScript
1
star
24

snippets

My personal snippets.
C++
1
star
25

SendEmail

发送带压缩包附件的邮件小脚本~~by Python
Python
1
star
26

js-compiler

Just for learning ast and bit of compiler.
JavaScript
1
star
27

light-cmd

(Unfinished) Light command line tool for Node.js.
JavaScript
1
star
28

profile

Personal profile.
JavaScript
1
star
29

webpack-hoist-exports

JavaScript
1
star
30

webhooks-test

1
star
31

fastmac

Shell
1
star
32

awesome-knowledge

A collection of awesome articles(mainly javascript).
1
star
33

babel-plugin-calc

Simple babel plugin demo for calculation.
JavaScript
1
star