如何使用qrious创建<p />中内容的二维码?

问题描述 投票:0回答:2

我正在尝试在使用 qrious.js 创建的 Bill 设计中包含 QR 码

互联网上的所有示例都使用实时文本输入来创建二维码,而我想要一个我想要的静态文本的二维码。请给出一些可能的解决方案。

javascript html qr-code paragraph
2个回答
0
投票

Qrious自述文件非常清楚。您必须将静态文本添加到值字段。

var qr = new QRious({
  element: document.getElementById('qr'),
  value: 'Your static text'
});

0
投票

使用前需要插入qrious.js脚本,然后在调用QRious对象时访问静态信息。

<!DOCTYPE html>
<html>
  <body>
    <p>Static link is</p>
    <p id="theLink">https://youtube.com</p>
    <p>QR code</p>
    <canvas id="qr"></canvas>
  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.js">    </script>
    <script>
      (function() {
        var qr = new QRious({
          element: document.getElementById('qr'),
          value: document.getElementById('theLink').innerText
        });
      })();
    </script>
  </body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.