lzmings 2018-08-15 23:33 采纳率: 50%
浏览 2076
已采纳

quagga.js 这个要 怎么玩

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

  • 写回答

1条回答 默认 最新

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

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

    编写如下代码:

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>test</title>
    6. <script src="vconsole.min.js"></script>
    7. <script src="quagga.js"></script>
    8. </head>
    9. <body>
    10. <div id="canvanCode"></div>
    11. <script>
    12. Quagga.init({
    13. inputStream : {
    14. name : "Live",
    15. type : "LiveStream",
    16. target: document.querySelector('#canvanCode') // Or '#yourElement' (optional)
    17. },
    18. decoder : {
    19. readers : ["ean_reader",'code_39_reader'],
    20. debug: {
    21. drawBoundingBox: false,
    22. showFrequency: false,
    23. drawScanline: false,
    24. showPattern: false
    25. },
    26. multiple: false
    27. }
    28. }, function(err) {
    29. if (err) {
    30. console.log(err);
    31. return
    32. }
    33. console.log("Initialization finished. Ready to start");
    34. Quagga.start();
    35. // Quagga.onProcessed(function(data){
    36. // console.log(data)
    37. // })
    38. Quagga.onDetected(function(data){
    39. console.log(data)
    40. alert(data.codeResult.code)
    41. })
    42. });
    43. </script>
    44. </body>
    45. </html>

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥20 IEd中开关量采样信号通道设计
  • ¥45 字符串操作——数组越界问题
  • ¥15 Loss下降到0.08时不在下降调整学习率也没用
  • ¥15 QT+FFmpeg使用GPU加速解码
  • ¥15 为什么投影机用酷喵播放电影放一段时间就播放不下去了?提示发生未知故障,有什么解决办法吗?
  • ¥15 来个会搭建付费网站的有偿
  • ¥100 有能够实现人机模式的c/c++代码,有图片背景等,能够直接进行游戏
  • ¥20 校园网认证openwrt插件
  • ¥15 以AT89C51单片机芯片为核心来制作一个简易计算器,外部由4*4矩阵键盘和一个LCD1602字符型液晶显示屏构成,内部由一块AT89C51单片机构成,通过软件编程可实现简单加减乘除。
  • ¥15 求GCMS辅导数据分析
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部