npm package: @mirror520/ngx-scanner
Description: High-performance Angular 8 barcode scanner component based on ZXing.
Latest version: 3.1.4

<div align="center">

[![Angular ZXing Scanner](https://user-images.githubusercontent.com/3942006/61757715-28a44800-ad98-11e9-9f58-555d2f187c50.png)](https://github.com/zxing-js/ngx-scanner)


### @zxing/ngx-scanner

Angular Barcode/QR-Code scanner component.

<br>

[Bug Report](https://github.com/zxing-js/ngx-scanner/issues/new?template=Bug_report.md)
·
[Feature Request](https://github.com/zxing-js/ngx-scanner/issues/new?template=Feature_request.md&labels=feature)

<br>

[![NPM version](https://img.shields.io/npm/v/@zxing/ngx-scanner.svg?&label=npm)](https://www.npmjs.com/package/@zxing/ngx-scanner )
[![Downloads](https://img.shields.io/npm/dm/@zxing/ngx-scanner.svg)](https://npmjs.org/package/@zxing/ngx-scanner )
[![dependencies Status](https://david-dm.org/zxing-js/ngx-scanner/status.svg)](https://david-dm.org/zxing-js/ngx-scanner)
[![Build Status](https://travis-ci.com/zxing-js/ngx-scanner.svg?branch=master)](https://travis-ci.com/zxing-js/ngx-scanner)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2a948ce56d16433fb4087f99ec17bd92)](https://www.codacy.com/app/zxing/ngx-scanner?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=zxing-js/ngx-scanner&amp;utm_campaign=Badge_Grade)
[![BCH compliance](https://bettercodehub.com/edge/badge/zxing-js/ngx-scanner?branch=master)](https://bettercodehub.com/)
[![Made with Angular](https://img.shields.io/badge/Made%20with-Angular-E13137.svg)](https://angular.io)

[![Join the chat at https://gitter.im/zxing-js/ngx-scanner](https://badges.gitter.im/zxing-js/ngx-scanner.svg)](https://gitter.im/zxing-js/ngx-scanner?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Backers on Open Collective](https://opencollective.com/zxing-js/backers/badge.svg)](#backers) 
[![Sponsors on Open Collective](https://opencollective.com/zxing-js/sponsors/badge.svg)](#sponsors)

</div>

<br>

## Demo

> Previews needs to be opened in new standalone windows.

- [Demo](https://zxing-js.github.io/ngx-scanner/)
- [StackBlitz](https://zxing-ngx-scanner.stackblitz.io/)

_Some previews may not be fully updated, please check the version._ 😉

## How To

I promise that it's **very** easy to use:

```html
<!-- some.component.html -->
<zxing-scanner></zxing-scanner>
```

### Wiki

Check our nice wiki for more info: [click here to take a look!](https://github.com/zxing-js/ngx-scanner/wiki)**

### Requisites

 - HTTPS for production environments ([more](https://stackoverflow.com/a/34198101/4367683)).

## Performance

Read our performance notes on the wiki: [Performance Considerations](https://github.com/zxing-js/ngx-scanner/wiki/Performance-Considerations).


## Limitations

- On iOS devices camera access works only in native Safari. **This is limited WebRTC support by Apple.**


## Generator

Looking for a way to generate ~awesome~ QR codes? Check-out [ngx-kjua](https://github.com/werthdavid/ngx-kjua).

Want just to write QR codes on your own, try our [ZXing typescript port](https://github.com/zxing-js/library).


## Financial contributions

 We also welcome financial contributions in full transparency on our [open collective](https://opencollective.com/zxing-js).
 Anyone can file an expense. If the expense makes sense for the development of the community, it will be "merged" in the ledger of our open collective by the core contributors and the person who filed the expense will be reimbursed.


## Credits

And last but not less important, the credits.


### Contributors

Here goes a special thanks all our contributors. Thank you! 🖤❤️♡

[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/0)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/0)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/1)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/1)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/2)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/2)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/3)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/3)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/4)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/4)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/5)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/5)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/6)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/6)[![](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/images/7)](https://sourcerer.io/fame/odahcam/zxing-js/ngx-scanner/links/7)


 ### Backers

 Thank you to all our backers! [[Become a backer](https://opencollective.com/zxing-js#backer)]

 <a href="https://opencollective.com/zxing-js#backers" target="_blank"><img src="https://opencollective.com/zxing-js/backers.svg?width=890"></a>


 ### Sponsors

 Thank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/zxing-js#sponsor))

 <a href="https://opencollective.com/zxing-js/sponsor/0/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/1/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/1/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/2/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/2/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/3/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/3/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/4/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/4/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/5/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/5/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/6/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/6/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/7/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/7/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/8/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/8/avatar.svg"></a>
 <a href="https://opencollective.com/zxing-js/sponsor/9/website" target="_blank"><img src="https://opencollective.com/zxing-js/sponsor/9/avatar.svg"></a>

---

[![Bless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/alpaca.svg)](http://lunagao.github.io/BlessYourCodeTag/) [![Greenkeeper badge](https://badges.greenkeeper.io/zxing-js/ngx-scanner.svg)](https://greenkeeper.io/)