欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-09 09:10:48
引入文件 jQuery-qrcode.js 地址:https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.js https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrc ......

引入文件  jquery-qrcode.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     },