1、不依賴于其他js類庫

源代碼下載：https://github.com/davidshimjs/qrcodejs：

使用方法：

step1:引用下插件 ?

? <script src="Scripts/qrcode.js"></script>

step2:

<script type="text/javascript">
$(function() {
new QRCode(document.getElementById("qrcode"), {
text:"http://m.lifevc.com/Special/Prolocutor?act=discountcustnamecpn&coupon=%E6%9D%8E%E5%B0%8F%E9%A3%9E867&uid=2170549", //二維碼內容
width: 256,
height: 256,
typeNumber: 4,
colorDark: "red", //條碼的顏色
colorLight: "#fff" //條碼背景色
});
});
</script>

?

Html:

<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>

?

//插件QRCode方法部分源碼：

QRCode = function(el, vOption) {
this._htOption = {
width: 256,
height: 256,
typeNumber: 4,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRErrorCorrectLevel.H
};

if (typeof vOption === 'string') {
vOption = {
text: vOption
};
}

// Overwrites options
if (vOption) {
for (var i in vOption) {
this._htOption[i] = vOption[i];
}
}

?

轉載于:https://www.cnblogs.com/lxf1117/p/4701921.html

總結

以上是生活随笔為你收集整理的生成二维码插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。