Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ngx-scanner-qrcode-14

lewis-green84MIT1.0.17TypeScript support: included

This library is built to provide a solution scanner QR code. This library takes in raw images and will locate, extract and parse any QR code found within.

ng, ngx, angular, angular2, angular2+, scanner, reader, camera, video, canvas, webcam, webcam-qrcode, qrcode, qr-code, ng-qrcode, ng-qrcode-scanner, ngx-qrcode, ngx-qrcode-scanner, ngx-scanner-qrcode, angular-qrcode, angular-qrcode-scanner, ng-scanner, ngx-scanner, jsqr, jsqrcode, js-qrcode, js-scanner, qrcode-scanner, qrcode-reader, ng-qrcode-reader, ngx-qrcode-reader, ng-qrcodescanner, ngx-qrcodescanner, angular-qrcodescanner, qr-code-scanner, ng-qr-code-scanner, ngx-qr-code-scanner, html5-qrcode, qrcode-reader-angular, qr-scanner, qr-scanner-angular, webscan-qrcode

readme

ngx-scanner-qrcode

This library is built to provide a solution scanner QR code.\ This library takes in raw images and will locate, extract and parse any QR code found within.\ This demo stackblitz.

Logo

Installation

Install ngx-scanner-qrcode from npm:

npm install ngx-scanner-qrcode --save

Add wanted package to NgModule imports:

import { NgxScannerQrcodeModule } from 'ngx-scanner-qrcode';
@NgModule({
    imports: [
        NgxScannerQrcodeModule,
    ]
})

In the Component:

<ngx-scanner-qrcode #action="scanner" (data)="output = $event"></ngx-scanner-qrcode>
<span>{{output}}</span>
<button (click)="action.toggleCamera()" [disabled]="action.isLoading">{{action.isStart ? 'Stop' : 'Start'}}</button>

API Documentation

Input

Field Description Type Default
line line frame qrcode number 4
color color of line string #008000

Ouput

Field Description Type Default
data data of qrcode string -
error error any -

Component export

Field Description Type Default
toggleCamera Active/Inactive camera function -
start Active camera function -
stop Inactive camera function -
isLoading Check start fn boolean false
isStart Start Video boolean false

Support versions

1.1.0 >= Angular 9
1.0.17 >= Angular 8

Author: DaiDH, Tel: 0845882882

License

MIT License. Copyright (c) 2021 DaiDH