Svelte QRious Component

Svelte QRious is a wrapper around QRious, a pure JavaScript library for generating QR codes using HTML5 canvas. It is a Svelte Component.
* Install
* Usage
* Settings
* Bugs
* License

Install

`` bash
$ npm i @phippsytech/svelte-qrious
`

Usage

` html


`

Settings

You can control many aspects of the QR code using the following attributes:

| Field | Type | Description | Default |
| --------------- | ------- | -------------------------------------------------- | ------------- |
| background | String | Background color of the QR code | "white" |
| backgroundAlpha | Number | Background alpha of the QR code | 1.0 |
| foreground | String | Foreground color of the QR code | "black" |
| foregroundAlpha | Number | Foreground alpha of the QR code | 1.0 |
| level | String | Error correction level of the QR code (L, M, Q, H) | "H" |
| padding | Number | Padding for the QR code (pixels) | null (auto) |
| size | Number | Size of the QR code (pixels) | 100 |
| value | String | Value encoded within the QR code | "" |
`HTML
value="https://github.com/phippsytech/svelte-qrious"
background="green"
backgroundAlpha=0.8
foreground="blue"
foregroundAlpha=0.8
level="H"
padding=25
size=500
/>
``

Bugs

If you have any problems with the Svelte QRious component raise an issue here.

License

Svelte QRious
Copyright © 2022 Phippsy Tech Pty Ltd

QRious
Copyright © 2017 Alasdair Mercer
Copyright © 2010 Tom Zerucha

See LICENSE.md for more information on our GPLv3 license.