Awesome
<div align="center">@zxing/ngx-scanner
Angular Barcode/QR-Code scanner component.
<br> <br> </div> <br>Attention
NOTE: While we do not have the time to actively maintain zxing-js anymore, we are open to new maintainers taking the lead.
Demo
Previews needs to be opened in new standalone windows.
Some previews may not be fully updated, please check the version. š
How To
I promise that it's very easy to use:
<!-- some.component.html -->
<zxing-scanner></zxing-scanner>
Getting Started
Angular version compatibility
Angular version compatibility table:
Angular | @zxing/ngx-scanner |
---|---|
17.x.x | 17.0.0 |
16.x.x | 3.9.1 & 16.0.0 |
15.x.x | 3.9.0 |
14.x.x | 3.6.2 |
13.x.x | 3.5.0 |
12.x.x | 3.3.0 |
10.x.x | 3.1.3 |
9.x.x | 3.0.1 |
8.x.x | 2.0.1 |
5.x.x | 1.7.1 |
4.x.x | 0.3.4 |
(Sorry for not using semver in the past, future releases will use the same major as the supported Angular version)
Wiki
Check our nice wiki for more info: click here to take a look!**
Requisites
- HTTPS for production environments (more).
Performance
Read our performance notes on the wiki: Performance Considerations.
Generator
Looking for a way to generate awesome QR codes? Check-out ngx-kjua.
Want just to write QR codes on your own, try our ZXing typescript port.
Financial contributions
We also welcome financial contributions in full transparency on our open collective. 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! š¤ā¤ļøā”
Backers
Thank you to all our backers! [Become a 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)
<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>