qrcode.js源码地址:
使用
- 页面引入QRCode.js和JQuery.js
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./qrcode.js"></script>
- 创建二维码容器
<div id="qrcode"></div>
- js 实现二维码
$(function () {
//实例化二维码并调整二维码大小
var qrcode = new QRCode(document.getElementById("qrcode"), {
width: 180,
height: 180,
correctLevel: QRCode.CorrectLevel.L
});
//生成二维码
function makeCode() {
//qrcode.clear();
qrcode.makeCode("https://blog.csdn.net/ianly123");
};
//调用生成二维码方法
makeCode();
})
这个二维码生成有时候会出现识别很慢,或者只有某些 app 能识别的情况,解决办法是给二维码区域的 div 加个边框,border设置 solid 10px #fff; 完美解决。
源码下载:
版权声明:本文为ianly123原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。