willsonlincake 发表于 2022-8-5 16:42:32

QRCode Tiger:支持动态二维码的二维码生成器

这个应用可以在Canva上使用,也可以访问https://www.qrcode-tiger.com/?type=url 进入.动态二维码也就是二维码转址服务,它的好处是可以随时修改二维码的链接.它还可以插入自定义Logo.

孤星1 发表于 2022-8-5 17:42:02

一般上动态二维码都是收费的,看到了QRCode Tiger也有价格表。

孤星1 发表于 2022-8-5 17:43:52

本帖最后由 孤星1 于 2022-8-5 17:54 编辑

这是我以前用第三方库简单做成的二维码生成器:
https://web.archive.org/web/2021 ... //qrcodeonline.net/

可以点击'Download'下载为PNG.

      <div>
            <input placeholder="Type something here" id="encode" name="encode">
      </div>

      <div>
            <canvas id="qrcode"></canvas>
      </div>
      
      <div>
            <a href="#" class="button" id="dl" download="QRCODE.png">Download</a>
      </div>

      <script>
            const input = document.querySelector("input");
            const qr = document.getElementById("qrcode");
            const button = document.getElementById('dl');

            input.addEventListener("input", function (e) {
                QRCode.toCanvas(qr, e.target.value, {
                  errorCorrectionLevel: 'L'
                });
            });
            button.addEventListener('click', function (e) {
                var dataURL = qr.toDataURL('image/png');
                button.href = dataURL;
            });
      </script> 当然,重要的是库:

      <title>qrcodeonline.net</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script src="/web/20210501011058js_/https://qrcodeonline.net/node_modules/qrcode/build/qrcode.min.js"></script>


willsonlincake 发表于 2022-8-6 19:18:08

孤星1 发表于 2022-8-5 17:43
这是我以前用第三方库简单做成的二维码生成器:
https://web.archive.org/web/2021 ... //qrcodeonline.net ...

感谢分享,很好
页: [1]
查看完整版本: QRCode Tiger:支持动态二维码的二维码生成器