当前位置: 代码迷 >> 综合 >> jQuery-qrcode.js 生成带Logo 的二维码
  详细解决方案

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

热度:51   发布时间:2024-01-20 05:56:32.0

引入文件  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
  相关解决方案