这是一款经典的 jQuery 二维码生成插件。jquery.qrcode.js 二维码插件允许你在网页中容易的插入二维码,可以生成表格形式的二维码,或基于 canvas 的图片二维码。
在页面中引入 jquery 和 jquery.qrcode.min.js 文件。
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.qrcode.min.js"></script>
使用一个[div]元素来作为二维码的容器。
<div id="qrcode"></div>
在页面 DOM 元素加载完毕,通过 qrcode()的方法来初始化该 jQuery 二维码插件。
$('#qrcode').qrcode({
text: "https://www.htmleaf.com"
});
如果你想以表格的方式来显示二维码,可以使用 render 参数。
$('#qrcode').qrcode({
render: "table",
text: "https://www.htmleaf.com"
});
你还可以指定二维码的宽度和高度。
$('#qrcode').qrcode({
text: "https://www.htmleaf.com",
width: 256,
height: 256
});
也可以指定二维码的前景色和背景色。
$('#qrcode').qrcode({
text: "https://www.htmleaf.com",
background: "#ffffff",
foreground: "#000000"
});
你还可以定制二维码的错误校正等级。
$('#qrcode').qrcode({
text: "https://www.htmleaf.com",
correctLevel: QRErrorCorrectLevel.H
});
QRErrorCorrectLevel.H: Approx 30%
QRErrorCorrectLevel.Q: Approx 25%
QRErrorCorrectLevel.M: Approx 15%
QRErrorCorrectLevel.L: Approx 7%
该 jQuery 二维码生成插件的 github 地址为:https://github.com/jeromeetienne/jquery-qrcode
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!