JQuery生成二维码

jquery.qrcode.min.js 是一款基于 jquery 方便生成二维码图片的小插件。该插件兼容主流浏览器：IE9~11, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile。最近项目使用到它，这里简单记录一下，以便备查。

在使用之前我们需要先引入它，引入代码如下，前提是已经引入 jquery.min.js 文件。

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

然后只需要创建一个 DOM 元素，然后将需要生成二维码的参数通过 js 代码传入进去生成即可：

<div id="qrcode"></div>

jquery渲染填充二维码

$('#qrcode').qrcode({
        render:"canvas",                      // 可切换为 table，默认 canvas（table一般在不支持canvas的时候使用）
        width: 100,                           // 宽度，单位 px
        height: 100,                          // 高度，单位 px
        foreground: "#1f1d2b",                // 二维码颜色
        background: "#ffffff",                // 背景颜色
        correctLevel: 0,                      // 纠错等级 0 1 2 3
        text: "https://www.liuzhixi.cn"       // 需要生产二维码的文本内容，如果是链接的话可以直接跳转
});

注意：需要生成中文字符的二维码需要使用 encodeURI 对输入的文本参数进行转码。

以下是中文字符的转码方法，如果不需要可以忽略！

function utf16to8(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;
}

使用方法：utf16to8('内容')