@phippsytech/svelte-qrious

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.