经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JSJS库框架 » JavaScript » 查看文章
jQuery-qrcode.js 生成带Logo 的二维码
来源:cnblogs  作者:胡倩倩0903  时间:2018/11/14 9:57:46  对本文有异议

引入文件  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. 1 <img src="~/images/Logo.png" class="hidden" id="myLogo" />

2、页面上 写个 div 放 二维码:

  1. 1 <div id="QRCode"></div>

3、创建 带Logo 的二维码 js d代码:

  1. 1 //生成二维码
  2. 2 function createCode(QrUrl) {
  3. 3 $("#QRCode").qrcode({
  4. 4 render: "canvas", //也可以替换为table
  5. 5 minVersion: 1, // version range somewhere in 1 .. 40
  6. 6 maxVersion: 40,
  7. 7 ecLevel: 'H', //识别度 'L', 'M', 'Q' or 'H'
  8. 8 left: 0,
  9. 9 top: 0,
  10. 10 size: 100, //尺寸
  11. 11 fill: '#000', //二维码颜色
  12. 12 background: null, //背景色
  13. 13 text: QrUrl, //二维码内容
  14. 14 radius: 0.1, // 0.0 .. 0.5
  15. 15 quiet: 2, //边距
  16. 16 mode: 4,
  17. 17 mSize: 0.2, //图片大小
  18. 18 mPosX: 0.5,
  19. 19 mPosY: 0.5,
  20. 20 label: 'jQuery.qrcode',
  21. 21 fontname: 'sans',
  22. 22 fontcolor: '#000',
  23. 23 image: $('#myLogo')[0]
  24. 24 });
  25. 25 },

 



 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号