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

If you are using this in SvelteKit, check this issue about additional configuration required in your vite.config.js

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:

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