vue-quaggajs
quaggajs 's wrapper for Vue.js
Installtion
npm
npm i vue-quaggajs
Basic Example
<template>
<div>
<v-quagga :onDetected="logIt" :readerSize="readerSize" :readerTypes="['ean_reader']"></v-quagga>
</div>
</template>
<script>
import Vue from 'vue'
import VueQuagga from 'vue-quaggajs';
// register component 'v-quagga'
Vue.use(VueQuagga);
export default {
name: 'VueBarcodeTest',
data () {
return {
readerSize: {
width: 640,
height: 480
},
detecteds: []
}
},
methods: {
logIt (data) {
console.log('detected', data)
}
}
}
</script>
Usage
onDetected
: function(result)
Reference: Quagga.onDetected(callback)
default function:
{ console;}
onProcessed
: function(result)
Reference: Quagga.onProcessed(callback)
default function:
{ let drawingCtx = Quaggacanvasctxoverlay drawingCanvas = Quaggacanvasdomoverlay; if result if resultboxes drawingCtx; resultboxes; if resultbox QuaggaImageDebug; if resultcodeResult && resultcodeResultcode QuaggaImageDebug; }
readerTypes: String[]
Set reading barcode type.
Reference: https://github.com/serratus/quaggaJS#decoder
default: ['code_128_reader']
readerSize: Object {width: Number, height: Number}
Set reader size. it affects size.
default:
width: 640 height: 480
aspectRatio: Object {min: Number, max: Number}
Set aspect ratio. it affects aspect ratio.
default:
min: 1 max: 2