JavaScriptでQRコードを実装する方法-jsチュートリアル-php.cn

JavaScriptでQRコードを実装する方法

藏色散人

リリース： 2023-01-07 11:41:52

オリジナル

10028 人が閲覧しました

qrcodejs を使用して、js による QR コードの生成を実現できます。qrcodejs は、JavaScript 用のクロスブラウザー QRCode ジェネレーターです。 QR コードの生成

1: qrcodejs プラグインをダウンロードします

qrcode アドレス: https://github.com/davidshimj...

ダウンロードしたqrcodeファイルは次のとおりです。このうち、qrcode.jsとqrcide.min.jsが必要なjsで、qrcode.min.jsはqrcode.jsの圧縮バージョンです

JavaScriptでQRコードを実装する方法 #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    //二维码等级
});

ログイン後にコピー

推奨学習: 「

以上がJavaScriptでQRコードを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。