这是一款经典的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>
HTML结构
使用一个<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
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!