ホームページ  >  記事  >  ウェブフロントエンド  >  qrcode.js プラグインはどのように QR コードを生成しますか?

qrcode.js プラグインはどのように QR コードを生成しますか?

零到壹度
零到壹度オリジナル
2018-03-23 12:03:281595ブラウズ


この記事では、qrcode.js プラグインが主にコードの形式で QR コードを生成する方法について説明します。皆さんのお役に立てれば幸いです。

1.githubダウンロードアドレス

https://github.com/jeromeetienne/jquery-qrcode

2.ユースケース

QRコードリンクジャンプ転送、キャリー中国語パラメータ

<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/>        $(&#39;#qrcode&#39;).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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。