ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能

水深无声 2021-12-11 02:57 381阅读 0赞

样式好看，类似支付宝的扫描框、速度稍微比最后一个慢几百毫秒，主要问题是 Android 部分手机扫描完成以后有抖动问题。

#### 官网地址 ####

[https://ionicframework.com/docs/native/barcode-scanner][https_ionicframework.com_docs_native_barcode-scanner]

#### 安装插件 ####

ionic cordova plugin add phonegap-plugin-barcodescanner
    npm install @ionic-native/barcode-scanner

#### 在app.module.ts中导入 ####

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
    providers: [
        BarcodeScanner
    ],

#### 使用 ####

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
    
    constructor(
        private barcodeScanner: BarcodeScanner
    ) {}
    
    // 使用Barcode Scanner插件实现二维码、条形码扫描
    doBarCodeScanner() {
        this.barcodeScanner.scan().then(barcodeData => {
           alert(JSON.stringify(barcodeData));
        }).catch(err => {
            alert(err);
        });
    }

#### 效果图 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]

[https_ionicframework.com_docs_native_barcode-scanner]: https://ionicframework.com/docs/native/barcode-scanner
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]: /images/20211210/7b846bde658646898f26509597d05372.png

发表评论取消回复

表情：

评论列表（有 0 条评论，381人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java实现二维码、条形码等功能

目录一、Zxing介绍二、关键类及方法说明三、完整代码演示 3.1 导入依赖 3.2 代码示例 3.3 运行测试 3.4 测试Springboot生成二维

青旅半醒/ 2024年03月27日 11:13/ 0 赞/ 41 阅读

相关 Spire.Barcode for Java组件（二）识别条形码、二维码

Spire.Barcode for Java支持生成多种一维、二维条码，例如Code 128，Pdf 417以及QR code等，同时它也支持从图片上识别这些条码。上篇文章-[

傷城~/ 2023年10月17日 19:26/ 0 赞/ 11 阅读

相关 (android 开源项目)二维码、条形码扫描——使用Google ZXing .

我在项目中用到了二维码扫描的技术，用的是Google提供的ZXing开源项目，它提供二维码和条形码的扫描。扫描条形码就是直接读取条形码的内容，扫描二维码是按照自己指定的二维码格

我不是女神ヾ/ 2023年10月16日 09:08/ 0 赞/ 96 阅读

相关【Tableau图表】二维条形码图（Barcode plot）

1. 将销售额字段拖放至列功能区，并调整为维度 2. 将地区字段拖放至行功能区 3. 调整一下颜色标记卡的透明度 4. 为了集中趋势效果好，我将坐标轴，改

太过爱你忘了你带给我的痛/ 2022年12月26日 09:10/ 0 赞/ 100 阅读

相关 IOS 仿微信二维码/条形码扫描js与WKwebview交互调取二维码扫描

h5 js调用ios方法，请参考之前的文档 //JS调用OC 添加处理脚本 //ScriptMessageHandler

缺乏、安全感/ 2022年12月05日 05:00/ 0 赞/ 270 阅读

相关 Google Zxing 只扫描二维码或者只扫描条形码

Google Zxing怎样实现扫描二维码、条形码，[具体参考我][Link 1] 这里主要说一下，怎样选择不同的模式。 Zxing 默认支持扫描二维码、条形码两种功能，但

秒速五厘米/ 2022年08月05日 12:15/ 0 赞/ 244 阅读

相关条形码组件Spire.Barcode 教程：在Java中扫描条形码

[Spire.Barcode for Java][]支持生成各种类型的条码，如Code 128，Pdf 417，QR码等。同时，它还支持从生成的条码图像中读取数据。本文演示如

系统管理员/ 2022年06月05日 08:14/ 0 赞/ 430 阅读

相关 ionic4使用QR Scanner插件实现二维码、条形码扫描功能

官网地址 [https://ionicframework.com/docs/native/qr-scanner][https_ionicframework.com_doc

悠悠/ 2021年12月12日 14:37/ 0 赞/ 731 阅读

相关 ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能

样式好看，类似支付宝的扫描框、速度稍微比最后一个慢几百毫秒，主要问题是 Android 部分手机扫描完成以后有抖动问题。官网地址 [https://ionicfram

水深无声/ 2021年12月11日 02:57/ 0 赞/ 382 阅读

相关 ionic4使用ZBar插件实现二维码扫描功能

官网地址 [https://ionicframework.com/docs/native/zbar][https_ionicframework.com_docs_nati

痛定思痛。/ 2021年12月11日 02:37/ 0 赞/ 620 阅读