lzmings 2018-08-16 07:33 采纳率: 50%
浏览 2066
已采纳

quagga.js 这个要 怎么玩

有个问题需要扫描条形码，我看到网上说用这个， 这个要怎么用，只需要引入这个包 就可以了吗， 有人 教我一下详细步骤吗

  • 写回答

1条回答 默认 最新

  • threenewbee 2018-08-16 15:09
    关注

    下载下来和你的页面放在一个目录里

    编写如下代码：

     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="vconsole.min.js"></script>
    <script src="quagga.js"></script>
</head>
<body>
    <div id="canvanCode"></div>
    <script>
        Quagga.init({
            inputStream : {
                name : "Live",
                type : "LiveStream",
                target: document.querySelector('#canvanCode')    // Or '#yourElement' (optional)
            },
            decoder : {
                readers : ["ean_reader",'code_39_reader'],
                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();

//            Quagga.onProcessed(function(data){
//                console.log(data)
//            })
            Quagga.onDetected(function(data){
                console.log(data)
                alert(data.codeResult.code)
            })
        });
    </script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • quagga.js 这个要 怎么玩
    2018-08-16 07:33
    回答 1 已采纳 下载下来和你的页面放在一个目录里 编写如下代码： ``` test ```
  • Ubuntu安装软件，make时出现的错误 c++ c语言 python
    2021-09-01 09:00
    回答 1 已采纳 没有makefile文件，看下readme文件，一般情况下里面有编译指导。第一步应该是configure，这个完之后才能make
  • quagga.min.js
    2020-10-12 18:02
    quagga.min.js 下载链接，官网下载失败，放上此链接提供下载，没有代码，只是js文件。不够50字
  • Quagga.js库
    2021-01-06 23:31
    I'm Mr.C的博客 Quagga.js Quagga.js库主要用于扫描条形码，不多说废话，直接进入主题… 我们可以通过npm安装或者CDN的方式来使用Quagga。 本文章使用CDN的方式引入Quagga.js <!DOCTYPE html> <html lang=&quot;en&quot;> <...
  • 前端实时识别条形码 quagga.js
    2021-12-13 13:50
    doctor11th的博客 使用了https://github.com/serratus/quaggaJS的quagga.js 代码为半成品，效果可以实现，多余代码未删除 <!DOCTYPE html> <html lang=&quot;en&quot;> <head> <meta charset=&quot;UTF-8&quot; xmlns:th=...
  • Quagga.js条形码识别的调用过程
    2019-04-06 10:17
    jyb20z的博客 Quagga.js这个库有些过人之处，它可以识别倾斜的条码，但是对图片的要求还是比较苛刻，实际运用中图片很难做到符合 官方示例中那样的图像。整体下来识别过程就有些痛苦。 以下顺着读一读，试一试就可以。 使用...
  • quagga.js识别条形码的用法
    2019-05-14 17:41
    面壁思过程的博客 使用到的插件 quagga.js 官方链接:https://serratus.github.io/quaggaJS/ 部分代码如下 <html> <body> <section id=&quot;container&quot; class=&quot;container&quot;> <div class=&quot;controls&quot;> <...
  • barcode_scan:一个项目使用quagga扫描条码
    2021-08-04 13:14
    简介​这是一个利用quagga js扫描条形码的项目。​有关quagga js可以访问官网​主要代码段是：Quagga.decodeSingle({ //解码方式，与条形码的编码方式有关 decoder: { readers: [&quot;code_128_reader&quot;] // List of ...
  • 关于quagga.js在ios14无法正常使用解决办法
    2020-10-27 03:01
    9号S型的博客 关于quagga.js在ios14无法正常使用解决办法 手机升级ios后扫码突然不好用了 删除参数 aspectRatio 因为博主手里暂时没找到其他手机 安卓系统是否出现其他问题暂未测试 如果有朋友测试成功或失败 欢迎留言 ...
  • JavaScript条形码扫描库QuaggaJS.zip
    2019-07-18 19:40
    QuaggaJS 是一个完全用 JavaScript 编写的条形码扫描库，支持实时的各种类型的条形码扫描，例如 EAN 和 CODE128. 该工具同时使用 getUserMedia 来直接访问用户的摄像头。代码重度依赖智能手机的图像处理。 你可以...
  • quaggaJs包
    2019-04-09 21:11
    因为经理过网络不好，无法从官网下载quaggaJS文件包。
  • Quagga.js: 实时视频流中的条形码和二维码识别
    2024-03-16 09:40
    gitblog_00097的博客 Quagga 是一个实时的开源 JavaScript 图像识别库，它可以让你在网页上实现条形码、二维码等编码识别功能，而无需依赖任何服务器端支持。 简介 Quagga 是一款基于 WebRTC 的实时图像处理库，它提供了简单的 API 来...
  • quagga.js+PHP 扫描一维码
    2019-06-09 20:23
    christinxu的博客 script type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/quaggaJS/dist/quagga.js&quot;></script> //必须引入全部quagga框架 <script> function upFile () { var r= new FileReader(); f=document.getE.....
  • Quagga 简介
    2018-11-24 12:11
    Hdnrnfgf的博客 Quagga 简介 2018年03月15日 ⁄ 综合 ⁄ 共 17223字 ⁄ 字号 小 中 大 ⁄ 评论关闭 ...
  • quagga2:用Javascript和TypeScript编写的高级条形码扫描仪-从https继续
    2021-05-01 17:04
    这是原始QuaggaJS库的一个分支，它将一直维护到原始作者和维护者返回之前，或者它已被内置的浏览器和节点功能完全取代。 什么是QuaggaJS？ QuaggaJS是条形码扫描器完全用JavaScript编写支持实时的本地化和各种类型...
  • 2021-10-09
    2022-06-07 16:48
    小H~的博客 quagga识别条形码
  • quagga文档
    2014-10-27 17:27
    quagga 相关文档。同BCM SDK 配合的设计
  • barcode_scanner:使用QuaggaJS和React的条形码扫描仪
    2021-05-01 23:47
    条形码扫描器该项目使用QuaggaJS条码扫描器将CODE 128条码扫描到本地状态。... 要安装该应用程序，请克隆存储库，然后从项目目录中键入： npm install 安装完成后，从项目目录运行该应用程序； npm st
  • 使用quaggaJS识别图片中的条形码
    2020-07-23 15:15
    1 Byte的博客 quaggaJS是一个纯JS的插件，用于识别图片中的条形码，很方便。一般用于移动端拍照识别，也可以在网页端上传图片识别。 github下载地址 首先要指定正确格式的条形码，常见的条形码编码类型有EAN和CODE128。 另外，...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥35 平滑拟合曲线该如何生成
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 自己瞎改改，结果现在又运行不了了
  • ¥15 链式存储应该如何解决
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站