QRScan

插件概述

简介

华为统一扫码服务(HUAWEI Scan Kit)提供便捷的条形码和二维码扫描、解析、生成能力,帮助您快速构建应用内的扫码功能。 得益于华为在计算机视觉领域能力的积累,Scan Kit可以实现远距离码或小型码的检测和自动放大,同时针对常见复杂扫码场景(如反光、暗光、污损、模糊、柱面)做了针对性识别优化,提升扫码成功率与用户体验。Scan Kit支持Android和iOS系统集成。其中,Android系统的支持横屏扫码能力。

Scan Kit支持扫描13种全球主流的码制式。如果您的应用只处理部分特定的码制式,您也可以在接口中指定制式以便加快扫码速度。已支持的码制式: 一维码:EAN-8、EAN-13、UPC-A、UPC-E、Codabar、Code 39、Code 93、Code 128、ITF 二维码:QR Code、Data Matrix、PDF417、Aztec

Scan Kit支持将字符串转换为一维码或二维码,目前已支持的码制式为EAN-8、EAN-13、UPC-A、UPC-E、Codabar、Code 39、Code 93、Code 128、ITF、QR Code、Data Matrix、PDF417、Aztec。开发者只需要提供字符串、码制式和尺寸要求即可获得相应的码图。

隐私声明,参考华为官网文档------隐私声明

插件简述

QRScan 插件封装了华为的统一扫码服务(HUAWEI Scan Kit)。

注意:使用本插件前,需在应用打包页面勾选添加访问摄像头权限,若要访问相册也需沟通申请访问相册权限

通过 customizedScanner 接口打开一个自定义大小的扫描区域(本区域相当于打开一个 frame)进行扫描。开发者可自行定义相关响应事件及扫描线样式 。详情请参考插件接口参数。

注意:

iOS端最低适配版本为iOS11.0

插件接口

scanPictureDirect

直接识别图片

scanPictureDirect({params}, callback(ret))

params

imagePath:

  • 类型:字符串
  • 描述:要识别的图片路径,要求本地路径(fs://)

formatType:

  • 类型:字符串
  • 描述:(可选项) 二维码与一维码的类型
  • 默认值:ALL
  • 取值范围:
    • ALL:扫描所有条码类型。
    • UPC_E:UPC-E条码类型。
    • UPC_A:UPC-A条码类型。
    • QR_CODE:QR code二维码类型。
    • PDF_417:PDF417二维码类型。
    • ITF:ITF-14条码类型。
    • EAN_13:EAN-13条码类型。
    • EAN_8:EAN-8条码类型。
    • DATA_MATRIX:Data Matrix二维码类型。
    • CODE_128:Code 128条码类型。
    • CODE_93:Code 93条码类型。
    • CODE_39:Code 39条码类型。
    • CODABAR:Code Bar条码类型。
    • AZTEC:AZTEC二维码类型。

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
   status: true,       //布尔类型;扫码事件类型  
   result: ''          //字符串;扫码结果
}

示例代码

var QRScan = api.require('QRScan');
QRScan.scanPictureDirect({
    formatType: 'ALL',
    imagePath:'widget://res/123.png'
}, function(ret) {
    if (ret) {
        api.alert({msg:JSON.stringify(ret)});
    }  
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

customizedScanner

打开可自定义的二维码/条形码扫描器

customizedScanner({params}, callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:(可选项)扫描器的位置及尺寸
  • 内部字段:
{
    x: 0,   //(可选项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
    y: 0,   //(可选项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
    w: 320, //(可选项)数字类型;插件的宽度;支持设置'auto';默认:所属的 Window 或 Frame 的宽度
    h: 480  //(可选项)数字类型;插件的高度;支持设置'auto';默认:所属的 Window 或 Frame 的高度
}

rectOfInterest:

  • 类型:JSON 对象
  • 描述:(可选项)在扫码区域上的扫码识别区域
  • 内部字段:
{
    x: 0,   //(可选项)数字类型;扫码识别区域左上角的 x 坐标(相对于扫码区rect);默认:0
    y: 0,   //(可选项)数字类型;扫码识别区域左上角的 y 坐标(相对于扫码区rect);默认:0
    w: 200, //(可选项)数字类型;扫码识别区域的宽度;默认:扫码区rect的宽度
    h: 200  //(可选项)数字类型;扫码识别区域的高度;默认:扫码区rect的高度
}

scanLine:

  • 类型:JSON 对象
  • 描述:(可选项)扫描线配置
  • 内部字段:
{
    color: 0,   //(可选项)字符串类型;颜色值,支持rgba、rgb、#;默认:#ff0000
    thickness: 0,   //(可选项)数字类型;粗细;默认:1
}

isShowClose:

  • 类型:布尔类型
  • 描述:(可选项)是否显示扫描界面关闭按钮
  • 默认:true

closeButton:

  • 类型:JSON 对象
  • 描述:(可选项)关闭按钮图标设置
  • 内部字段:
{   
    image:'',  //(可选项)字符串类型;图片路径,仅支持widget
    size: 24,   //(可选项)数字类型;图标大小
    left: 8,   //(可选项)数字类型;左边边距
    top:8 //(可选项)数字类型;顶部边距
}

maskColor:

  • 类型:字符串
  • 描述:(可选项)遮罩层色值,支持rgba、rgb、#
  • 默认:rgba(0,0,0,0.5)

tipString:

  • 类型:字符串
  • 描述:(可选项)识别框下面的提示文字
  • 默认:将二维码放入框内,即可自动扫描

marginB:

  • 类型:数字
  • 描述:(可选项)打开手电筒按钮距离底部的距离
  • 默认:44

sound:

  • 类型:字符串
  • 描述:(可选项)扫描结束后的提示音文件路径,要求本地路径(fs://、widget://),为保证兼容性,推荐使用 wav 格式的短音频文件

formatType:

  • 类型:字符串
  • 描述:(可选项) 二维码与一维码的类型
  • 默认值:ALL
  • 取值范围:
    • ALL:扫描所有条码类型。
    • UPC_E:UPC-E条码类型。
    • UPC_A:UPC-A条码类型。
    • QR_CODE:QR code二维码类型。
    • PDF_417:PDF417二维码类型。
    • ITF:ITF-14条码类型。
    • EAN_13:EAN-13条码类型。
    • EAN_8:EAN-8条码类型。
    • DATA_MATRIX:Data Matrix二维码类型。
    • CODE_128:Code 128条码类型。
    • CODE_93:Code 93条码类型。
    • CODE_39:Code 39条码类型。
    • CODABAR:Code Bar条码类型。
    • AZTEC:AZTEC二维码类型。

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)插件视图添加到指定 frame 的名字(只指 frame,传 window 无效)
  • 默认:插件依附于当前 window

fixed:

  • 类型:布尔
  • 描述:(可选项)插件是否随所属 window 或 frame 滚动
  • 默认值:true(不随之滚动)

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
   eventType:,         //字符串类型;交互事件类型,取值范围:
                       //close:关闭事件
                       //torchOn:闪光灯打开
                       //torchOff:闪光灯关闭
                       //scan:扫描到目标图码
   result: ''          //字符串;扫码结果,仅当eventType 为 scan 时有值
}

示例代码

var QRScan = api.require('QRScan');
QRScan.customizedScanner({
    rect: {
        x: 0,   //(可选项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
        y: 0,   //(可选项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
        w: 375, //(可选项)数字类型;插件的宽度;支持设置'auto';默认:所属的 Window 或 Frame 的宽度
        h: 420  //(可选项)数字类型;插件的高度;支持设置'auto';默认:所属的 Window 或 Frame 的高度
    },
    rectOfInterest: {
        x: 64,   //(可选项)数字类型;扫码识别区域左上角的 x 坐标(相对于扫码区rect);默认:0
        y: 65,   //(可选项)数字类型;扫码识别区域左上角的 y 坐标(相对于扫码区rect);默认:0
        w: 250, //(可选项)数字类型;扫码识别区域的宽度;默认:扫码区rect的宽度
        h: 250  //(可选项)数字类型;扫码识别区域的高度;默认:扫码区rect的高度
    },
    //tipString:'放入框内扫码',
    maskColor:'rgba(0,0,0,0.5)',
    scanLine:{
        color:'#00FF00',
        thickness:2
    },
    marginB:30,
    sound: 'fs://res/222.mp3',
    formatType:'ALL'
}, function (ret) {
    if (ret) {
        //api.alert({ msg: JSON.stringify(ret) });
    }
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

closeCustomizedScanner

关闭自定义大小的二维码/条码扫描器

closeCustomizedScanner()

示例代码

var QRScan = api.require('QRScan');
QRScan.closeCustomizedScanner();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hideCustomizedScanner

关闭自定义大小的二维码/条码扫描器

hideCustomizedScanner()

示例代码

var QRScan = api.require('QRScan');
QRScan.hideCustomizedScanner();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

showCustomizedScanner

显示自定义大小的二维码/条码扫描器

showCustomizedScanner()

示例代码

var QRScan = api.require('QRScan');
QRScan.showCustomizedScanner();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

switchLight

打开/关闭闪光灯(在Android上,已打开扫码视图时有效)

switchLight({params})

params

status:

  • 类型:字符串
  • 描述:(可选项)打开/关闭闪光灯,默认值:'off'
  • 取值范围:
    • on(打开)
    • off(关闭)

示例代码

var QRScan = api.require('QRScan');
QRScan.switchLight({
    status: 'on'
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

是否仍需要帮助? 请保持联络!
最后更新于 2024/10/10