ios - 如何在 IOS Web 视图中关闭黑屏
问题描述
使用 Quagga.js,我们正在 Web 视图中进行条码识别。它在移动网络上运行良好,但它发生在 APP 上。问题在于以下两点。
已经从 info.plist 解压权限。
- 隐私 - 相机使用说明
- 隐私 - 照片库添加使用说明
下面是我的代码。
openItem.addEventListener("click", () => {
document.querySelector(".barcode_Camera").style.bottom = "0px";
/* Barcode Scan Script */
Quagga.init({
inputStream: {
type : "LiveStream",
target: document.querySelector('#camera_Area'), // Or '#yourElement' (optional)
constraints: {
width: {min: 1280},
height: {min: 480},
facingMode: "environment",
aspectRatio: {min: 1, max: 2}
}
},
locator: {
patchSize: "small",
halfSample: true
},
numOfWorkers: 4,
frequency: 10,
decoder: {
readers : [{
format: "code_93_reader",
config: {}
}],
debug: {
drawBoundingBox: false,
showFrequency: false,
drawScanline: false,
showPattern: false
},
multiple: false
},
}, function (err) {
if (err) {
console.log(err);
return
}
console.log("Initialization finished. Ready to start");
Quagga.start();
});
}); /*Close*/
Quagga.onProcessed(function (result) {
let drawingCtx = Quagga.canvas.ctx.overlay,
drawingCanvas = Quagga.canvas.dom.overlay;
if (result) {
if (result.boxes) {
drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute("width")),
parseInt(drawingCanvas.getAttribute("height")));
result.boxes.filter(function (box) {
return box !== result.box;
}).forEach(function (box) {
Quagga.ImageDebug.drawPath(box, {x: 0, y: 1}, drawingCtx, {color: "#88d147", lineWidth: 2});
});
}
}
});
Quagga.onDetected(function (data) {
document.querySelector('#barcode').value = data.codeResult.code;
let closeTarget = closeItem.closest(".barcode_Camera");
document.querySelector(".barcode_Camera").style.bottom = "-100%";
Quagga.stop();
});
如果我需要在 info.plist 中做任何其他事情或如何解决问题,我想寻求您的帮助。
解决方案
推荐阅读
- posix - 检查进程是否仍然存在
- react-native - React Native Build Error on IOS - typedef 用不同类型重新定义('uint8_t'(又名'unsigned char')与'enum clockid_t')
- python - 捕获和操作网络摄像头提要并将其公开为“虚拟网络摄像头” - 在 Python 中,在 Windows 上
- angular - 在 Angular 7 的 docx 库中显示图像
- c# - 使用 .NET Core 3.1 生成 WCF wsdl 客户端的问题
- zooming - openseadragon 缩放方向
- mysql - 在 Windows Server 上安全停止 MySQL 服务器
- javascript - 删除图像 Exif 并在 Angular 或 JS 中调整方向?
- python - 必须使用某种集合调用索引(...),传递了“电动巴士 0”
- r - 如何在ggplot中创建部分斜体轴标题