* jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,
其实就是画图(支持canvas和table两种方式)
* 使用canvas方式渲染性能还是非常不错的,
但是如果用table方式,性能不太理想,特别是IE9以下的浏览器,所以需要自行优化一下渲染table的方式
* 渲染方式可选择canvas或table,默认是canvas,canvas方式还支持右键图片下载
canvas方式,对浏览器版本有要求,需要注意
1.首先要引入js
其实就是画图(支持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>