Gathering detailed insights and metrics for vue-zxing-scanner
Gathering detailed insights and metrics for vue-zxing-scanner
Installations
npm install vue-zxing-scannerDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.18.0
NPM Version
6.14.4
Score
52
Supply Chain
78.4
Quality
75.2
Maintenance
50
Vulnerability
96.7
License
Releases
Unable to fetch releases
Download Statistics
Total Downloads
5,091
Last Day
2
Last Week
35
Last Month
136
Last Year
1,223
Bundle Size
306.00 B
Minified
224.00 B
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
0.1.3-beta
Package Id
vue-zxing-scanner@0.1.3-beta
Unpacked Size
15.62 kB
Size
5.89 kB
File Count
20
NPM Version
6.14.4
Node Version
12.18.0
Total Downloads
Cumulative downloads
Total Downloads
5,091
Last Day
-50%
2
Compared to previous day
Last Week
12.9%
35
Compared to previous week
Last Month
81.3%
136
Compared to previous month
Last Year
-10.9%
1,223
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Dev Dependencies
17
@vue/cli-plugin-babel@vue/cli-plugin-e2e-cypress@vue/cli-plugin-eslint@vue/cli-plugin-unit-jest@vue/cli-service@vue/eslint-config-standard@vue/test-utilsbabel-eslinteslinteslint-plugin-importeslint-plugin-nodeeslint-plugin-promiseeslint-plugin-standardeslint-plugin-vuenode-sasssass-loadervue-template-compiler
vue-zxing-scanner
Vue Barcode and QR code scanner
Benefits
- Can scan both barcodes and QR codes
- Uses ZXing ("zebra crossing"), an open-source, multi-format 1D/2D barcode image processing library implemented in Java, with ports to other languages.
Install
1npm i vue-zxing-scanner
Usage
The Vue Zxing Scanner works out of the box by just including it.
Using Video Camera
Once a stream from the users camera is loaded, it's displayed and continuously scanned for barcodes. Results are indicated by the decode event.
1import Vue from "vue"; 2import VueZxingScanner from "vue-zxing-scanner"; 3Vue.use(VueZxingScanner);
In your template you can use this syntax:
1<div style="width:300px"> 2 <v-zxing 3 @decode="onDecode" 4 @loaded="onLoaded" 5 /> 6</div>
1methods: { 2 onDecode (result) { 3 console.log(result) 4 } 5}
Scanning from Image
TODO
Credit
No vulnerabilities found.
No security vulnerabilities found.