jquery.qrcode.min.js 生成二维码

最新推荐文章于 2024-04-11 18:11:09 发布

ASIA_技术

最新推荐文章于 2024-04-11 18:11:09 发布

阅读量940

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_32018951/article/details/84703677

版权

javascript 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

引入jquery.qrcode.min.js前需要先引入jquery.js，插件依赖需要注意顺序

给一个二维码的容器

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

生成二位码

$("#qrcode").qrcode({
    render: "canvas", // 渲染方式有table方式（兼容IE）和canvas方式
    width: 256,   //默认宽度
    height: 256, //默认高度
    text: "http://www.baidu.com/", //二维码内容
    typeNumber: -1,   //计算模式一般默认为-1
    correctLevel: 2, //二维码纠错级别
    background: "#ffffff",  //背景颜色
    foreground: "#000000"  //二维码颜色
});

这样就能生成需要的二维码

可能有中文的情况，需要使用以下函数进行转码

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