• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

我的博客我做主

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

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 路径, 如不需要显示 则隐藏。。如 :

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     },

 



作者:胡倩倩0903
出处:https://www.cnblogs.com/kitty-blog/
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

posted on 2018-11-13 17:57  kitty20180903suzhou  阅读(3578)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3