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
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
分类:
js 插件
标签:
jQuery-qrcode.js
, 生成带Logo 的二维码
posted on 2018-11-13 17:57 kitty20180903suzhou 阅读(3536) 评论(0) 编辑 收藏 举报
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· Blazor Hybrid适配到HarmonyOS系统
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· 解决跨域问题的这6种方案,真香!
· 分享4款.NET开源、免费、实用的商城系统
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库