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

$ npm i @phippsytech/svelte-qrious

Usage

<script>
import {QRious} from  '@phippsytech/svelte-qrious';
</script>

<QRious  value="https://svelte.dev" />

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 | "" |

<QRious
	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.