jQuery-qrcode.js 生成带Logo 的二维码
程序员文章站
2022-05-02 23:45:21
引入文件 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 },
上一篇: PHP递归遍历数组元素转码(实例)