[自荐项目] Nano Scan 一个小巧有趣的高性能网页条形码和二维码扫描工具库，由 wasm 提供快速解码能力

[PEDx]

项目地址

https://github.com/PEDx/nano-scan

类别

JS

项目标题

Nano Scan 一个小巧有趣的高性能网页条形码和二维码扫描器，由 wasm 提供快速解码能力

项目描述

在一次业务需求中需要实现二维码扫描功能，但我们的 产品包装上印刷的 二维码 非常小且密集，在使用了大多数扫描库之后都无法很好且稳定的实现二维码识别。因为浏览器摄像头的缩放 api 兼容性不理想，在识别小型二维码时非常需要缩放功能来提高识别率，不然功能完全无法稳定。Nano Scan 完美的解决了这些问题。

NanoScan 是一个轻量级、高性能的网页条形码和二维码扫描器，由 zxing-wasm 提供支持。它专为最大兼容性和灵活性而设计，支持 zxing-wasm 识别的所有条形码类型，并通过基于画布的缩放功能增强了对小型或远距离码的支持。

亮点

• 🔍 支持所有 ZXing 格式 完全支持 zxing-wasm 的解码功能，包括二维码、EAN、Code 128 等。

• 🎥 相机缩放 当原生相机缩放 API 不可用时，自动回退到基于画布的数字缩放 — 非常适合扫描小型码（印刷品下约1厘米）。

• ⚡️ 小巧且易于集成 极小的体积和简洁的 API 使 NanoScan 可以轻松集成到任何网页项目中。

示例代码

import NanoScan from 'nano-scan';

const nanoScan = new NanoScan({
  container: document.getElementById('camera-container'),
  resolution: {
    width: 1080,
    height: 1080,
  },
  fps: 30,
  zoom: 2,
  onScan: (result) => {
    console.log(result);
  },
  onError: (error) => {
    console.error(error);
  },
});

// 开始扫描
nanoScan.startScan();

// 停止扫描
nanoScan.stopScan();

截图或演示视频