Rumah > Artikel > hujung hadapan web > qrcode.js插件如何生成二维码

qrcode.js插件如何生成二维码

零到壹度asal: 2018-03-23 12:03:281652semak imbas

本文主要和大家分享qrcode.js插件如何生成二维码，主要以代码形式，希望能帮助到大家。

1.github下载地址

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

2.使用案例

二维码链接跳转，携带中文参数

<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>

Artikel berkaitan

Lihat lagi