问题标签 [quaggajs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
83 浏览

javascript - 可以在手机上使用的带有条形码阅读器的表格

我有一个项目,它必须是一个包含条形码阅读器的表单的网页,但用户可以通过移动设备或 PC 使用它。我已经尝试过使用 QUAGGAJS,它允许我通过 PC 进行操作,但是当我在手机上打开它时它不起作用。你知道我该怎么做吗?下面是我的 QUAGGAJS,如果我必须更改某些内容才能使其适用于移动设备,或者即使我必须使用另一个库或其他东西

0 投票
0 回答
204 浏览

javascript - 让 Canvas 100% 占据手机屏幕

我正在使用一个名为 QuaggaJs 的条形码库,我试图让它为相机生成的画布占据 100% 的浏览器屏幕,而没有任何滚动条。

html

js

样式.css

现场演示可以在这里看到。

https://barcodes.z4.web.core.windows.net/

0 投票
0 回答
75 浏览

reactjs - iOS getUserMedia 访问特定的后置摄像头(Quagga2)

我用 React.js 开发了一个扫描条形码的应用程序,我使用 Quagga2 包来完成它。当我的应用程序在带有超过 2 个摄像头的 android 或 ios 手机上运行时,默认摄像头没有自动对焦,所以我需要强制应用程序打开正确的摄像头,我用 android 设备做了,但用 ios,我有一个问题,所以我的 Q 是

我想问一下我在使用时是否可以在ios设备上选择特定的后置摄像头getUserMedia()

当我 navigator.mediaDevices.enumerateDevices() 在我的 react.js 应用程序上运行时,我得到一个只有 2 个选项的对象

  1. 前置摄像头
  2. 后置摄像头

我想选择 iPhone 12 max 的 3 个后置摄像头之一

谢谢

0 投票
0 回答
171 浏览

angular - 在 Angular 8 中使用 Quagga.onProcessed() 时,绿线不在图像中

我在 Angular 8.2 中使用 QuaggaJS 插件。我有这个代码,如下所示。

组件.ts

在 component.scss

在 component.html 中

此代码显示此结果我不明白为什么条码图像中没有绿线。请问你有什么想法吗?我已经关注了这个

0 投票
1 回答
374 浏览

javascript - Quagga javascript 条码扫描器 - 未捕获的 TypeError:Quagga.init 不是函数

我正在尝试编写一些 vanilla javascript 代码来从我的网站进行条形码扫描,但是我什至无法通过使用Quagga javascript library的第一步。我的代码目前是这样的:

这给了我错误:

有谁知道我需要做什么才能使 Quagga 网站的第一步在 vanilla Javascript 中工作?

不确定它是否与此有关:

但这给出了错误:

0 投票
0 回答
169 浏览

angular - 当我在 Quagga.onDetected 中调用函数时,显示错误“无法读取未定义的属性‘searchbybarcode’”

我正在使用 quagga 插件表单条形码扫描仪。

当我有结果时,我想在searchbybarcode (barcode){}里面调用函数。Quagga.onDetected

当我调用这个函数显示

错误 core.js:6014 错误类型错误:无法读取未定义的属性“searchbybarcode”

更新

拜托,你能和我分享一下如何调用里面的函数吗 Quagga.onDetected

0 投票
0 回答
161 浏览

camera - 我如何在带有 QUAGGA JS 的浏览器中使用手机的后置摄像头

我想在我的 web 应用程序中使用 Quagga js 来扫描条形码......问题是我想使用手机的后置摄像头,在文档中说 quagga 使用一个名为“ facesMode”的参数。如果您设置 facesMode = "enviroment" 如果您留在 PC 中则使用网络摄像头,如果您留在 Phone 中则使用后置摄像头。如果您设置 facesMode = "user" 使用手机的前置摄像头。好吧,我设置了用户和环境进行测试,没有区别,它保持不变,在手机上继续使用前置摄像头,我尝试使用后置摄像头但没有。我把我的代码留在那里

我在安卓手机上试过

0 投票
0 回答
498 浏览

vue.js - 如何使用带固定扫描画布的 quagga 创建条码扫描仪

我在 Nuxt 2.15.4 并使用Quagga2。我想创建一个像移动扫描仪一样的扫描仪,其中相机是全屏的,并且有一个蓝色矩形,条形码必须放在里面,扫描后条形码画布上会有一条红线。使用 Quagga.js,我可以area在画布中操作 CSS 和属性,但这会导致 2 个问题:

  1. 实际的扫描区域会被弄乱,我不知道扫描到底发生在哪里。
  2. 成功的红线穿法会搞砸。

此外,在成功扫描后,我需要保留红线并且不会消失,并且一段时间内不会发生扫描(因此我可以决定继续扫描或对结果进行某些操作)。

这是我在应用程序中实现的代码(也需要激活torch和帮助zoom):

0 投票
0 回答
64 浏览

javascript - QuaggaJS http问题

我尝试使用 QuaggaJS detech code128 条形码,然后继续我的过程。但是我对此有疑问,当我在 Visual Studio 2019 中本地运行我的项目时,调试或发布 mod Nevermind,这是可行的,但是当我在我的删除服务器 192.168.x.yz 上发布项目时,在 iss 和我的 Web 项目上访问这个网址:http://192.168.x.yz:abcd(项目必须在本地网络上访问),在realsed后,我尝试将我的本地网络连接到Android设备,在firefox浏览器上,QuaggaJS LiveStream无法工作。关于 http、localhost 或 https 的问题?当我调试时;错误给出此消息:“getUserMedia 未定义”

0 投票
0 回答
23 浏览

javascript - QuaggaJS 显示为细长条带,即使在某些演示中也是如此

标题很不言自明。我被迫评估 QuaggaJS 的工作,我遇到了许多问题,其中主要是它将相机视图呈现为一条细长的条带,而不是我要求的 640x480 块。

在此处输入图像描述