👁 Image
ZXingBlazor 1.1.6

ZXing Blazor Component 1.0.10

English | <a href="https://blazor.app1.es/"> Other Blazor components</a>

Introduction

This project is a Blazor component library packaged with ZXing, Support barcode, QR code, PDF417 format.

Demo

https://blazor.app1.es/barcodescanner

https://zxingblazor.app1.es

https://zxingblazorwasm.app1.es

Nuget

https://www.nuget.org/packages/ZXingBlazor/

Screenshot

👁 ZXingBlazor

Instructions:

1. NuGet install pack

   ZXingBlazor

2. _Imports.razor or Razor page

   @using ZXingBlazor.Components
   

3. Razor page

   Razor
   https://github.com/densen2014/ZXingBlazor/blob/master/Demo.Server/Pages/Index.razor

    <b>Result:</b>
    <br />
    <pre>@BarCode</pre>
   
    <BarcodeReader ScanResult="ScanResult" />
   
   
   @code{
   
    /// <summary>
    /// BarCode
    /// </summary>
    public string? BarCode { get; set; }
   
    private void ScanResult(string e)
    {
    BarCode = e;
    ShowScanBarcode = !ShowScanBarcode;
    }
   }
   
   

Updates

2023.12.2 v1.1.2

• Add parameters: screen recording decoding
• Add parameters: use zxing built-in video stream opening method, default false
• ZXingOptions adds new version of video stream parameters
  1. Quality image quality, default is 0.9
  2. Width image width, default is 640
  3. Height image height, default is 480

2023.11.14 v1.0.11

• Add hints options in ZXingOptions <a href="https://github.com/densen2014/ZXingBlazor/blob/master/src/ZXingBlazor/ZXingOptions.cs"> more...</a>

2023.11.5 v1.0.8

• fix issue
• hide debug info, manual open debug info, add options.Debug=true

2023.11.1

• Add 1. Save the last used device ID and call it automatically next time. 2. Specify the camera device ID.
• Add Start,Stop,Reload , DecodeFromImage(dataUrl)

2023.8.16

• 1. Add BarCodes decode from image and Generate QRcode Components

2022.11.23 Add optiones

• 1. Pdf417Only: decode only Pdf417 format
• 2. Decodeonce: decode Once or Decode Continuously, default is Once
• 3. DecodeAllFormats: decodde All Formats, performance is poor, you can set options.formats to customize specify the encoding formats. The default is false

2022.3.6

• Upgrade to js isolated version, add image browser Viewer component, and upgrade demo project to net6 format

2021.5.13

• BarcodeReader supports defining button text and supports multiple languages

Participate in contribution

1. Fork this project
2. Create new Feat_xxx branch
3. Submit the code
4. New Pull Request

ZXing Blazor 扫码组件 1.0.8

<a href="https://blazor.app1.es/"> 其他 Blazor 组件</a>

项目介绍

本项目是利用 ZXing 进行封装的 Blazor 组件库, 支持条码,二维码,PDF417格式.

演示地址

https://zxingblazor.app1.es https://zxingblazorwasm.app1.es https://blazor.app1.es/barcodescanner

Nuget 包安装

https://www.nuget.org/packages/ZXingBlazor/

使用步骤:

1. 安装 NuGet 包

   ZXingBlazor

2. _Imports.razor 或者 Razor 页面引用

   @using ZXingBlazor.Components
   

3. Razor 页面代码

   Razor
   https://github.com/densen2014/ZXingBlazor/blob/master/Demo.Server/Pages/Index.razor

    <b>Result:</b>
    <br />
    <pre>@BarCode</pre>
   
    <BarcodeReader ScanResult="ScanResult" />
   
   
   @code{
   
    /// <summary>
    /// BarCode
    /// </summary>
    public string? BarCode { get; set; }
   
    private void ScanResult(string e)
    {
    BarCode = e;
    ShowScanBarcode = !ShowScanBarcode;
    }
   }
   
   

更新

2023.12.2 v1.1.1

• 添加参数:录屏解码
• 添加参数:使用zxing内置视频流打开方式,默认 false
• ZXingOptions 添加新版视频流参数
  1. Quality 图像质量,默认为 0.9
  2. Width 图像宽度,默认为 640
  3. Height 图像高度,默认为 480

2023.11.14 v1.0.11

• 添加 hints 选项 in ZXingOptions <a href="https://github.com/densen2014/ZXingBlazor/blob/master/src/ZXingBlazor/ZXingOptions.cs"> more...</a>

2023.11.5 v1.0.8

• 修复问题
• 隐藏调试信息，手动打开调试信息，添加options.Debug=true

2023.11.1

• 添加 1.保存最后使用设备ID下次自动调用, 2.指定摄像头设备ID
• 添加 Start,Stop,Reload , DecodeFromImage(dataUrl)

2023.8.16

• 1. 添加 BarCodes 解码图片/QR码生成组件

2022.11.23 添加选项

• 1. Pdf417Only: 只解码 Pdf417 格式 / decode only Pdf417 format
• 2. Decodeonce: 单次|连续解码,默认单次 / Decode Once or Decode Continuously, default is Once
• 3. DecodeAllFormats: 解码所有编码形式,性能较差, 开启后可用 options.formats 指定编码形式.默认为 false | Decodde All Formats, performance is poor, you can set options.formats to customize specify the encoding formats. The default is false

2022.3.6

• 升级为js隔离版本,添加图片浏览器 Viewer组件, 演示工程升级为net6格式

2021.5.13

• BarcodeReader 支持定义按钮文本,支持多语言

参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

Blazor 组件

条码扫描 ZXingBlazor 👁 nuget
👁 stats

图片浏览器 Viewer

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

文件预览 FileViewer

视频播放器 VideoPlayer

图像裁剪 ImageCropper

视频播放器 BarcodeGenerator

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

👁 ChuanglinZhou