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

痛定思痛。 2021-12-11 02:37 681阅读 0赞

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

[https://ionicframework.com/docs/native/zbar][https_ionicframework.com_docs_native_zbar]

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

ionic cordova plugin add cordova-plugin-cszbar
    npm install @ionic-native/zbar

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

import { ZBar } from '@ionic-native/zbar/ngx';
    providers: [
        ZBar
    ],

#### 使用 ####

export class Tab3Page {
    
        constructor(
            private zbar: ZBar
        ) {}
    
        // 二维码或者条形码扫描
        doScanning() {
            const options: ZBarOptions = {
                flash: 'off',
                drawSight: true,
                text_title: '扫码',
                text_instructions: '请把相机对准二维码',
                camera: 'back'
            };
    
            this.zbar.scan(options)
            .then(result => {
                alert(result);
            })
            .catch(error => {
                alert(error);
            });
        }
    
    }

#### 效果图 ####

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

[https_ionicframework.com_docs_native_zbar]: https://ionicframework.com/docs/native/zbar
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]: /images/20211210/62abfecd252d4ebfb50b8f0d8c28e39f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Android实现生成二维码以及扫描二维码的功能（超级简单！）

文章目录前言二、实现生成二维码的功能三、实现扫面二维码的功能总结 -------------------- 前言 `提示：这里可以添加本文要记录的

谁借莪１个温暖的怀抱￠/ 2024年04月06日 12:26/ 0 赞/ 81 阅读

相关 c++ zbar opencv 二维码识别

zbar的下载地址：http://zbar.sourceforge.net/download.html 使用其中zbar->examples->scan\_image.cpp

柔光的暖阳◎/ 2024年02月17日 17:40/ 0 赞/ 60 阅读

相关【原】VC实现二维码解析之zbar篇

一直在加班搞这个该死的东东，头晕脑胀。把网上所有的方法都尝试了一遍之后还是不行，于是只能“致富靠双手，要爽由自己”了言归正传步骤1 下载zba

偏执的太偏执、/ 2022年08月21日 10:00/ 0 赞/ 338 阅读

相关 Android——实现二维码扫描

首先在build.gradle添加依赖 compile 'com.journeyapps:zxing-android-embedded:3.3.0' 然后在项目清单

雨点打透心脏的1/2处/ 2022年06月06日 09:36/ 0 赞/ 390 阅读

相关 tornado websocket实现二维码扫描

Websocket 实现扫码二维码登录首先简单的讲一下二维码实现登录的步骤： 1、网页端向服务端请求二维码，服务端生成一个二维码提供给网页端；这个二维码其实是一个

约定不等于承诺〃/ 2022年05月31日 07:56/ 0 赞/ 312 阅读

相关 Android快速实现二维码扫描--Zbar

Android中二维码扫描的最常用库是zxing和zbar，上一篇《[Android快速实现二维码扫描–Zxing][Android_Zxing]》介绍了Zxing。这次

缺乏、安全感/ 2022年05月17日 07:30/ 0 赞/ 246 阅读

相关 MUI 结合 HTML5+ 实现的二维码扫描功能

MUI 结合 HTML5+ 实现的二维码扫描功能一、说明

我会带着你远行/ 2022年02月16日 00:59/ 0 赞/ 302 阅读

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

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

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

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

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

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

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

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

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