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

零到壹度 原创: 2018-03-23 12:03:28 1309浏览

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

1.github下载地址

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

2.使用案例

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

<!DOCTYPE HTML >
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="//m.sbmmt.com/m/faq/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//m.sbmmt.com/m/faq/jquery.qrcode.min.js"></script>
</head>
<body>
    <p id="qrcode"></p>

    <script>
        var str = toUtf8("https://www.baidu.com/s?wd=csdn论坛");

        //qrcode支持canvas和table两种方式进行图片渲染
        $('#qrcode').qrcode({
            render: "canvas", //默认是canvas渲染,可以设置为table
            width:100,
            height:100,
            text: str
        });

        //处理中文乱码
        function toUtf8(str) {
            var out, i, len, c;
            out = "";
            len = str.length;
            for(i = 0; i < len; i++) {
                c = str.charCodeAt(i);
                if ((c >= 0x0001) && (c <= 0x007F)){
                    out += str.charAt(i);
                } else if (c > 0x07FF) {
                    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                } else{
                    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                }
            }
            return out;
        }
    </script>
</body>
</html>

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

2.使用案例

相关文章

￥229

￥800

￥800

￥59

￥159