svelte-barcode-scanner
v0.1.6
Published
A Svelte component for detecting QR-codes, EAN-barcodes and other barcode formats.
Downloads
51
Maintainers
Readme
Svelte Barcode Scanner
A Svelte component for detecting QR-codes, EAN-barcodes and other barcode formats.
Installation
npm install svelte-barcode-scanner
or
pnpm add svelte-barcode-scanner
Usage
<script lang="ts">
import { BarcodeScanner } from 'svelte-barcode-scanner';
</script>
<BarcodeScanner />
The <BarcodeScanner />
component is responsive and fills the available space with object-fit: cover
.
This enables you to embed the component inside a div with a fixed aspect ratio to get a predictable size regardless of the aspect ratio of the camera feed:
<script lang="ts">
import { BarcodeScanner } from 'svelte-barcode-scanner';
</script>
<div class="barcode-scanner">
<BarcodeScanner />
</div>
<style>
.barcode-scanner {
width: 100%;
max-width: 384px;
aspect-ratio: 1;
}
</style>
A live demo and an API reference is being worked on.