UNPKG

ohayolibs

Version:

Ohayo is a set of essential modules for ohayojp.

38 lines (28 loc) • 1.6 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
--- type: Basic order: 3 title: qr subtitle: QR cols: 1 module: import { QRModule } from '@ohayo/components/qr'; --- Generate a QR code based on [qrious](https://neocotic.com/qrious). Qr libary is lazy loading by default，you can change the default CDN path (or use the local path) via [Global Configuration](/docs/global-config). By default: `https://cdn.bootcdn.net/ajax/libs/qrious/4.0.2/qrious.min.js`. Or install dependence via `npm i --save qrious`, and import script path in `angular.json`. ## API ### qr | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| | `[value]` | Value encoded within the QR code | `string` | - | | | `[background]` | Background colour of the QR code | `string` | `white` | ✅ | | `[backgroundAlpha]` | Background alpha of the QR code | `number` | `1` | ✅ | | `[foreground]` | Foreground colour of the QR code | `string` | `white` | ✅ | | `[foregroundAlpha]` | Foreground alpha of the QR code | `number` | `1` | ✅ | | `[level]` | Error correction level of the QR code | `'L','M','Q','H'` | `'L'` | ✅ | | `[mime]` | MIME type used to render the image for the QR code | `string` | `image/png` | ✅ | | `[padding]` | Padding for the QR code (pixels) | `number` | `10` | ✅ | | `[size]` | Size of the QR code (pixels) | `number` | `220` | ✅ | | `[delay]` | Delayed rendering, unit: ms | `number` | `0` | ✅ | | `(change)` | change event | `EventEmitter<string>` | - | | ## FAQ ### Custom LOGO Refer to [#100](https://github.com/neocotic/qrious/issues/100#issuecomment-308249343).