qrcode-angular
A Angular component to generate QR codes for rendering to the DOM.
Introduction
Support canvas and svg two formats
Support adding QR code logo
Installation
#
Usage
import { QrcodeModule } from 'qrcode-angular';
<qrcode value="https://angular.io/"></qrcode>
<qrcode mode='svg' value="https://angular.io/"></qrcode>
<qrcode value="https://angular.io/" icon="imgUrl"></qrcode>
<qrcode value="https://angular.io/" errorLevel="H"></qrcode>
API
prop | type | default value | note |
---|
mode | 'canvas'|'svg' | 'canvas' | output mode |
value | string | - | scanned link |
color | { dark: string, light: string } | { dark: '#000', light: '#fff' } | QR code Color |
size | number | 160 | QR code Size |
icon | string | - | QR code include logo url |
iconSize | number | 40 | QR code include logo size |
errorLevel | 'L'|'M'|'Q'|'H' | H | Error Code Level |