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

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

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

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

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

1.         <div>
   
2.             <input placeholder="Type something here" id="encode" name="encode">
   
3.         </div>
   
4. 
   
5.         <div>
   
6.             <canvas id="qrcode"></canvas>
   
7.         </div>
   
8.         
   
9.         <div>
   
10.             <a href="#" class="button" id="dl" download="QRCODE.png">Download</a>
    
11.         </div>
    
12. 
    
13.         <script>
    
14.             const input = document.querySelector("input");
    
15.             const qr = document.getElementById("qrcode");
    
16.             const button = document.getElementById('dl');
    
17. 
    
18.             input.addEventListener("input", function (e) {
    
19.                 QRCode.toCanvas(qr, e.target.value, {
    
20.                     errorCorrectionLevel: 'L'
    
21.                 });
    
22.             });
    
23.             button.addEventListener('click', function (e) {
    
24.                 var dataURL = qr.toDataURL('image/png');
    
25.                 button.href = dataURL;
    
26.             });
    
27.         </script>

复制代码

当然，重要的是库：

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

复制代码

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

感谢分享,很好