#2: QRコード生成の実装
1: 導入が必要なjs
qrcodejsはjqueryを前提に実装するように設計されているため、jqueryを導入してから導入する必要がありますqrcodejs
<script></script> <!--引入jquery--> <script></script> <!--引入qrcodejs-->
2: qrcode を使用して QR コードを実装します。Generate
<p></p>
<script>
new QRCode(document.getElementById("qrcode"), "https://wj0511.com");
</script>
この時点で、現在のページにアクセスすると、生成した QR コードが表示されます。QR コードをスキャンした後、 https://www.wj0511.com
ここでは、主に次の新しい QRCode のいくつかの基本的なパラメータについて説明します。
上で生成した QR コードは、指定した URL にジャンプできます。次のように QR コードのいくつかの基本パラメータを設定します
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.wj0511.com",//扫描二维码后的内容
width: 128,//二维码的宽
height: 128,//二维码的高
colorDark : "#000000",//二维码线条颜色
colorLight : "#ffffff",//二维码背景颜色
correctLevel : QRCode.CorrectLevel.H //二维码等级
});
推奨学習: 「