Scan Provider 扫码核心

本组件是 SinleUI 扫码插件的核心部分，负责摄像头预览、扫码解析等基础工作，并向外部提供接口。
SinleUI 框架内置的 sn-scan 组件依赖此组件，故 HBuilderX 安装 SinleUI 插件时会自动安装此组件
如果你不满意内置的 sn-scan 的界面，可以参考 sn-scan 组件，对本组件进行再封装

vue

<template>
	<sn-e-scan-provider></sn-e-scan-provider>
</template>

更多演示请下载 demo 查看

兼容性

Web	Android
×	√

属性

参数	说明	类型	默认值	可选值
scanType	扫码类型	String	`all`	`qrCode` \| `barCode` \| `all`
enableDing	是否开启声音提示	Boolean	`true`	`true` \| `false`
enableZoom	是否允许缩放	Boolean	`true`	`true` \|`false`
initZoomScale	初始缩放比例	Number	`0`	-
cameraPermTip	相机权限请求提示	String	`\u3000 本应用正在请求您的相机权限，仅用于条码、二维码识别，且不会将任何数据上传至云端。如不提供此权限，则无法正常使用扫码功能。`	-

方法

名称	参数	返回值	描述
setTorchStatus	`(status : boolean)`	-	设置手电筒开关状态
scanImageByURI	`(uri : string)`	-	提供指定图片的 `URI` 来识别图片一/二维码码
rescan	-	-	扫描成功画面静止后使用此方法来重置摄像头
setZoomRatio	`(zoomRatio : number)`	-	设置画面缩放比例，范围为 0 ~ 1
getZoomRatio	-	Number \| null	获取画面缩放比例

事件

名称	类型	说明
scanned	`(res: ScanResult) => void`	扫码成功时触发。`res` 的结构及说明见下文

类型

sn-e-scan-provider 和 sn-scan 的 @scanned 事件返回一个 ScanResult 对象 res

typescript

type ScanMode = 'camera' | 'image'

type ScanDataPosition = {
	centerX: number,
	centerY: number
}

type ScanData = {
	value: string,
	position: ScanDataPosition
}

type ScanResult = {
	data: ScanData[],
	scanMode: ScanMode
}

ScanResult 及其相关的类型均在扩展插件 sn-e-scan-provider 导出，使用时根据路径导入即可。例如：

typescript

import { ScanResult } from "@/uni_modules/sn-e-scan-provider"

Scan Provider 扫码核心 ​

兼容性 ​

属性 ​

方法 ​

事件 ​

类型 ​

Scan Provider 扫码核心

兼容性

属性

方法

事件

类型