如何用 javascript 制作一个小二维码

Question

我有一个 link 我想放入我的条形码（google 验证器 link）。我目前正在使用 JsBarcode 库，但条码似乎太宽了，条码扫描仪无法识别它

我的配置：

JsBarcode("#barcode", data,{
              displayValue: false,
              width: 1,
            });

我想知道是否有办法进一步缩小它（因为根据他们的纪录片，最小尺寸是 1）或解决这个问题的不同方法

Answer 1

您应该使用另一种编码，使用相同的库检查此生成器：https://lindell.me/JsBarcode/generator/

Pharmacode 或 ITF 生成较小的条形码

Answer 2

如果你想在javascript中制作二维码，那么我强烈推荐http://bwip-js.metafloor.com/（我是该项目的作者）。它支持普通二维码和微型二维码。

例如，您从浏览器传入一个 canvas 元素（或其 ID），它会调整大小并将条形码绘制到 canvas:

try {
    // The return value is the canvas element
    let canvas = bwipjs.toCanvas('mycanvas', {
            bcid:        'qrcode',   // Barcode type
            text:        url,        // Text to encode
            scale:       2,          // scaling factor
        });
} catch (e) {
    // `e` may be a string or Error object
}

Answer 3

好的，所以我最终使用了 different library。

Link:

<script type="text/javascript" src="{{ url_for('static', filename='qrcode.min.js') }}" defer></script> // jinja2

JS code:

    var qrcode = new QRCode(document.querySelector("#barcode"), { // have to select a query like this
                  text: data,
                  width: 128,
                  height: 128,
                  colorDark : "#000000",
                  colorLight : "#ffffff",
                  correctLevel : QRCode.CorrectLevel.H
                });

HTML 代码有空 div。结果：（没有诅咒的红色标记）

如何用 javascript 制作一个小二维码

How to make a small QR with javascript

javascript

barcode

barcode-printing