引入文件 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 路径, 如不需要显示 则隐藏。。如 :
1 <img src="~/images/Logo.png" class="hidden" id="myLogo" />
2、页面上 写个 div 放 二维码:
1 <div id="QRCode"></div>
3、创建 带Logo 的二维码 js d代码:
1 //生成二维码
2 function createCode(QrUrl) { 3 $("#QRCode").qrcode({ 4 render: "canvas", //也可以替换为table
5 minVersion: 1, // version range somewhere in 1 .. 40
6 maxVersion: 40, 7 ecLevel: 'H', //识别度 'L', 'M', 'Q' or 'H'
8 left: 0, 9 top: 0, 10 size: 100, //尺寸
11 fill: '#000', //二维码颜色
12 background: null, //背景色
13 text: QrUrl, //二维码内容
14 radius: 0.1, // 0.0 .. 0.5
15 quiet: 2, //边距
16 mode: 4, 17 mSize: 0.2, //图片大小
18 mPosX: 0.5, 19 mPosY: 0.5, 20 label: 'jQuery.qrcode', 21 fontname: 'sans', 22 fontcolor: '#000', 23 image: $('#myLogo')[0] 24 }); 25 },
更多专业前端知识,请上 【猿2048】www.mk2048.com