ngx-qrcode-updated

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.

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"></ngx-scanner-qrcode>
<span>{{action.data}}</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
event	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	-
play	Play function	void	-
pause	Pause function	void	-
download	Download function	string	-
isLoading	Check start fn	boolean	false
isStart	Start Video	boolean	false

Support versions

Support versions
Angular 9	1.1.0
Angular 8	1.0.17

Author Information

Author Information
Author	DaiDH
Phone	[phone]

MIT License. Copyright (c) 2021 DaiDH