Giter Club home page Giter Club logo

zxingblazor's Introduction

ZXing Blazor Component 0.2.6

English | Other Blazor components


Introduction

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

Demo

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

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 扫码组件 0.2.6

其他 Blazor 组件


项目介绍

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

演示地址

ssr https://zxingblazor.app1.es

wasm https://zxingblazorwasm.app1.es

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;
        }
    }
    
    

更新

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

条码扫描 BarcodeScanner

手写签名 Handwritten

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

AlexChow

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

ChuanglinZhou

Alex Chow's GitHub stats

Top Langs

zxingblazor's People

Contributors

densen2014 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.