jQuery-qrcode.js 生成带Logo 的二维码

引入文件  jQuery-qrcode.js

地址:https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.js

https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.min.js

1、在页面上写img 标签 src 为 Logo 路径, 如不需要显示 则隐藏。。如 :

 <img src="~/images/Logo.png" class="hidden" id="myLogo" />

2、页面上 写个 div 放 二维码:

  <div id="QRCode"></div>

3、创建 带Logo 的二维码 js d代码:

 //生成二维码
function createCode(QrUrl) {
$("#QRCode").qrcode({
render: "canvas", //也可以替换为table
minVersion: 1, // version range somewhere in 1 .. 40
maxVersion: 40,
ecLevel: 'H', //识别度 'L', 'M', 'Q' or 'H'
left: 0,
top: 0,
size: 100, //尺寸
fill: '#000', //二维码颜色
background: null, //背景色
text: QrUrl, //二维码内容
radius: 0.1, // 0.0 .. 0.5
quiet: 2, //边距
mode: 4,
mSize: 0.2, //图片大小
mPosX: 0.5,
mPosY: 0.5,
label: 'jQuery.qrcode',
fontname: 'sans',
fontcolor: '#000',
image: $('#myLogo')[0]
});
},
上一篇:LightOj 1065 - Number Sequence (矩阵快速幂,简单)


下一篇:Windows下使用OpenSSL生成自签证书