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

【问题标题】：How to create a QR code of the content in <p /> using qrious?如何使用 qrious 创建 <p /> 中内容的二维码？
【发布时间】：2022-10-04 17:14:28
【问题描述】：

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

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

【问题讨论】：

标签： javascript html qr-code p-lang

【解决方案1】：

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

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

【讨论】：

谢谢。现在我得到了我想要的设计，我正在尝试使用 VB6 创建 .exe 文件，但我无法链接 qrious.js。我怎样才能做到这一点？？？
搜索一个 qr 库 Visual Basic 兼容或使用 Visual Studio 从 JavaScript 文件创建 exe 文件
您能否详细说明从 javascript 文件创建 exe 文件的想法？如果你可以请举例说明 qr library visual basic 6.0 兼容。

【解决方案2】：

您需要在使用之前插入 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>

【讨论】：