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/