QRCode.js 簡(jiǎn)介
?QRCode.js 是一個(gè)用于生成二維碼的JavaScript庫(kù)棍郎，不依賴任何庫(kù)晒骇，通過(guò)HTML5 Canvas繪制锋八。
如何使用
?首先挂捅，頁(yè)面引入QRCode.js[1]和必要的JQuery [2] (個(gè)人習(xí)慣使用JQuery)芹助。
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="js/qrcode/qrcode.min.js"></script>
?其次，創(chuàng)建二維碼容器：
<body>
<div id="qrcode"></div>
</body>
?準(zhǔn)備工作完成籍凝，實(shí)現(xiàn)自己的二維碼：
<script>
new QRCode($("#qrcode")[0], "hello world");
</script>
補(bǔ)充說(shuō)明
?使用QRCode.js生成二維碼時(shí)可以指定一些參數(shù)周瞎，如下：
<script>
// new QRCode($("#qrcode")[0], "hello world");
var qrcode = new QRCode("qrcode", {
text: "hello world",//二維碼內(nèi)容
width: 300,
height: 300,
colorDark : "red",//指定二維碼顏色
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H//容錯(cuò)級(jí)別
});
</script>
效果圖
qrcode.js
-
QRCode.js資源下載地址：Qrcode 庫(kù)及實(shí)例下載苗缩，GitHub地址：https://github.com/davidshimjs/qrcodejs ?
-
JQuery使用CND代理饵蒂，
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>?
