この記事では、qrcode.js プラグインが主にコードの形式で QR コードを生成する方法について説明します。皆さんのお役に立てれば幸いです。
1.githubダウンロードアドレス
https://github.com/jeromeetienne/jquery-qrcode
2.ユースケース
QRコードリンクジャンプ転送、キャリー中国語パラメータ
1 | <span style="font-size: 14px;"><!DOCTYPE HTML ><br/><html lang="en" ><br/><head><br/> <meta charset="UTF-8"><br/> <title>Title</title><br/> <script type="text/javascript" src="jquery-3.2.1.min.js"></script><br/> <script type="text/javascript" src="jquery.qrcode.min.js"></script><br/></head><br/><body><br/> <p id="qrcode"></p><br/><br/> <script><br/> var str = toUtf8("https://www.baidu.com/s?wd=csdn论坛");<br/><br/> //qrcode支持canvas和table两种方式进行图片渲染<br/> $('#qrcode').qrcode({<br/> render: "canvas", //默认是canvas渲染,可以设置为table<br/> width:100,<br/> height:100,<br/> text: str<br/> });<br/><br/> //处理中文乱码<br/> function toUtf8(str) {<br/> var out, i, len, c;<br/> out = "";<br/> len = str.length;<br/> for(i = 0; i < len; i++) {<br/> c = str.charCodeAt(i);<br/> if ((c >= 0x0001) && (c <= 0x007F)){<br/> out += str.charAt(i);<br/> } else if (c > 0x07FF) {<br/> out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));<br/> out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));<br/> out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));<br/> } else{<br/> out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));<br/> out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));<br/> }<br/> }<br/> return out;<br/> }<br/> </script><br/></body><br/></html><br/></span>
|
ログイン後にコピー
関連リンク:
JS/JQ QRコード生成プラグイン
qrious.jsはQRコードのオンライン生成プラグインを実装します
JS QRコード生成プラグイン
以上がqrcode.js プラグインはどのように QR コードを生成しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
