Simple QR code generator (SVG only) for Angular
npm install @larscom/ng-qrcode-svg- Import module
QrcodeSvgModule
import { NgModule } from '@angular/core'
import { QrcodeSvgModule } from '@larscom/ng-qrcode-svg'
@NgModule({
imports: [
QrcodeSvgModule // import QrcodeSvgModule
]
})
export class MyModule {}- Use the
qrcode-svgcomponent which will render a QR code in SVG format
<qrcode-svg value="hello world!"></qrcode-svg>| Name | Description | Default |
|---|---|---|
| @Input() value: string | The value which need to be encoded | undefined |
| @Input() ecl: 'low' | 'medium' | 'quartile' | 'high' | Error correction level | medium |
| @Input() borderSize: number | The padding between the edge and the QR code (quiet zone) | 2 |
| @Input() size: string | number | The size of the QR code SVG (css format) | 250px |
| @Input() backgroundColor: string | The 'path' color (background) | #FFFFFF |
| @Input() foregroundColor: string | The 'rect' color (foreground) | #000000 |
| @Input() alt: string | undefined | HTML alt attribute | undefined |
| @Input() ariaLabel: string | undefined | HTML aria-label attribute | undefined |