qrcode.js真的很简单,所以今天废话不多说,上代码:
页面引入js文件:
<script type="text/javascript" src="/js/qrcode.js"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
html:
<div id="qrcode"></div>
js:
// 简单方式
new QRCode(document.getElementById('qrcode'), 'your content');
// 设置参数方式
var qrcode = new QRCode('qrcode',
{ text: 'your content', //二维码内容
width: 256, //二维码宽度
height: 256, //二维码高度
colorDark : '#000000', //前景色
colorLight : '#ffffff', //背景色
correctLevel : QRCode.CorrectLevel.H
//容错级别,可设置为:QRCode.CorrectLevel.L 或 QRCode.CorrectLevel.M 或QRCode.CorrectLevel.Q或QRCode.CorrectLevel.H
});
// 使用 API
qrcode.clear(); //清楚二维码
qrcode.makeCode('new content'); //new content为二维码内容
批量生成:就是数据循环调用makeCode()
下载qrcode.js的官方地址:http://davidshimjs.github.io/qrcodejs/