diff --git a/README.md b/README.md index 805fcf5..7ea8a49 100644 --- a/README.md +++ b/README.md @@ -83,6 +83,7 @@ interface ScanConfigOptions { webScanEnabled?: boolean, webScanCanvasEnabled?: boolean; webScanCanvasStyle?: string; + webScanCloseButtonStyle?: string; webScanType?: ("qrCode" | "barCode")[]; webScanVideoMirror?: boolean; webScanVideoMirrorVertical?: boolean; @@ -111,6 +112,7 @@ interface ScanConfigOptions { | `webScanEnabled` | 是否支持 WebScan 扫码 | `true` | | `webScanCanvasEnabled` | 是否显示 WebScan 扫码 canvas；关闭后仍会用隐藏 canvas 识别 | `true` | | `webScanCanvasStyle` | WebScan 扫码 canvas 样式 | `position: fixed; width: 300px; height: 300px; top: 0; left: 0; z-index: 9999;` | +| `webScanCloseButtonStyle` | WebScan 扫码 canvas 关闭按钮样式 | 显示在 canvas 右上角 | | `webScanType` | WebScan 扫码类型 | `["qrCode", "barCode"]` | | `webScanVideoMirror` | WebScan 视频是否水平镜像；不配置时自动判断：前置/PC 镜像，后置不镜像 | 自动 | | `webScanVideoMirrorVertical` | WebScan 视频是否垂直镜像 | `false` | diff --git a/demo.html b/demo.html index 8816243..59f1229 100644 --- a/demo.html +++ b/demo.html @@ -229,6 +229,7 @@ 
IScan.config({
   webScanEnabled: true,
   webScanCanvasEnabled: true,
+  webScanCloseButtonStyle: "background: rgba(27, 99, 244, 0.88);",
   webScanBeepEnabled: true,
   initWechatJssdk: {
     apiUrl: "https://your-domain.com/wechat/jssdk-config"
@@ -319,6 +320,7 @@ IScan.stopScan();
var url = "https://vet.iqudoo.com/api?action=api.biz.wechat.JSSDKConfig"; initSDK({ webScanCanvasEnabled: true, + webScanCloseButtonStyle: "background: rgba(27, 99, 244, 0.88);", webScanBeepEnabled: true, initWechatJssdk: { apiUrl: url } }, function () { diff --git a/dist/index.d.ts b/dist/index.d.ts index c9f6cc4..89ae00f 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -45,6 +45,10 @@ interface ScanConfigOptions { * 网页扫码canvas样式，默认：position: fixed; width: 300px; height: 300px; top: 0; left: 0; z-index: 9999; */ webScanCanvasStyle?: string, + /** + * 网页扫码canvas关闭按钮样式，默认显示在canvas右上角 + */ + webScanCloseButtonStyle?: string, /** * 网页扫码类型，默认支持二维码和条码 */ diff --git a/dist/index.html b/dist/index.html index 336ad69..625e908 100644 --- a/dist/index.html +++ b/dist/index.html @@ -164,6 +164,7 @@ }

IScan 通用扫码SDK

统一接入桥接扫码、微信小程序、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。

功能说明

  • 支持桥接扫码、微信 JSSDK 扫码、Web 摄像头扫码、图片识别和扫码枪输入。
  • 浏览器环境使用WASM库识别二维码和条形码。
  • 扫码结果由监听规则统一回调，支持正则匹配和优先级排序。

当前状态

SDK 状态：loading

运行环境：

操作
点击开始后，会按桥接、微信、Web 摄像头、图片识别的顺序选择可用扫码方式。
   
扫码结果
错误信息
错误信息可能来源于扫码结果、扫码过程、扫码初始化等。
接入方式
IScan.config({
   webScanEnabled: true,
   webScanCanvasEnabled: true,
+  webScanCloseButtonStyle: "background: rgba(27, 99, 244, 0.88);",
   webScanBeepEnabled: true,
   initWechatJssdk: {
     apiUrl: "https://your-domain.com/wechat/jssdk-config"
@@ -249,6 +250,7 @@ IScan.stopScan();