# qrcode

**Repository Path**: mirrors_WebReflection/qrcode

## Basic Information

- **Project Name**: qrcode
- **Description**: A minimalistic QR Code Scanner based on @zxing/library
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-04
- **Last Updated**: 2026-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @webreflection/qrcode

<sup>**Social Media Photo by [Risto Kokkonen](https://unsplash.com/@risto_kokkonen) on [Unsplash](https://unsplash.com/)**</sup>

Based on [@zxing/library](https://github.com/zxing-js/library), this module exports a `scan({ facingMode = 'environment' })` or `write(text[, options])` async utilities that helps users finding a QR Code and grab its result as data, or show one on any page.

**[Live Demo](https://webreflection.github.io/qrcode/)**

The *facingMode* property is [described on MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints/facingMode#value).

```js
// pre-bundled file @ https://cdn.jsdelivr.net/npm/@webreflection/qrcode/dist.js
import { scan, write } from '@webreflection/qrcode';

const result = await scan();

// result.text, result.bytes, result.format
console.log(result);

// regenerate the QR code (SVG)
document.body.appendChild(
  await write(result.text)
  // pass { canvas } element to have
  // an image drawn in it instead
);
```

The *LICENSE* is the same used in `@zxing/library` as I haven't added/done much else in here, just re-packaged and added minimalistic logic to help scanning.