jquery 生成二维码

* jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,
          其实就是画图(支持canvas和table两种方式)      
 * 使用canvas方式渲染性能还是非常不错的,
        但是如果用table方式,性能不太理想,特别是IE9以下的浏览器,所以需要自行优化一下渲染table的方式        
 * 渲染方式可选择canvas或table,默认是canvas,canvas方式还支持右键图片下载
   canvas方式,对浏览器版本有要求,需要注意
1.首先要引入js
<script type="text/JavaScript" src="<%=request.getContextPath()%>/js/jQuery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.qrcode.min.js"></script>
2.生成二维码
<script type="text/javascript">
$("#code").qrcode({
render : "table", //设置渲染方式。默认为 canvas(canvas方式存在兼容性问题,需注意) 
width : 180, //二维码宽度  
height : 180, //二维码高度  
text : utf16to8("二维码内容:www.二维码.com")
//二维码内容  
});
//字符串转换成UTF-8,支持中文二维码
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;
}
</script>


猜你喜欢

转载自blog.csdn.net/m0_37524661/article/details/70200239