使用插件js文件在前端生成二维码图片 还使用到了一个添加logo图标的js文件 utf.js 直接贴上代码

jquery版本应该是都可以的吧 我的是我项目使用的版本js

<!--HTML的标准文档结构   -->
<html><head><meta charset="utf-8"><script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script><!-- <script type="text/javascript" src="../js/jquery.qrcode.min.js"></script> --> <!-- 使用这个无法添加logo图片在二维码上 --><script type="text/javascript" src="../js/jquery.qrcode.js"></script> <!--  使用这个版本的可以添加logo  --><script type="text/javascript" src="../js/utf.js"></script> <!-- 生成logo的二维码 需要使用到这个js文件 --></head><body><div id="qrcode"></div><script type="text/javascript">//使用canvas生成$('#qrcode').qrcode({render: "canvas",width: 200,height: 200,text: "http://m.xinjuenet.com",src: '../images/100.jpg' //logo });//使用table生成/* $('#qrcode').qrcode({render: "table",width: 200,height: 200,text: "http://www.jq22.com"}); */</script></body>
</html>

下载demo 可以直接运行看到效果

使用jquery生成二维码 并添加logo图标相关推荐

  1. jquery生成二维码怎么添加图片(两种方法)

    github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法 自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...

  2. jquery 生成二维码并嵌入图片

    用到的js 库     jquery-3.3.1.min.js  jquery.qrcode.min.js  html2canvas.js (百度云链接:https://pan.baidu.com/s ...

  3. qrcode 生成二维码,带logo 带文字描述

    qrcode 生成二维码 1.引入 pom.xml 2. ResourceRenderer 3. QRCodeUtil 4. QRCodeController 5. HTML 6. 测试 1.引入 p ...

  4. Java 生成二维码(带logo 文字)

    1. 引入包 <!-- 二维码生成--><dependency><groupId>com.google.zxing</groupId><artif ...

  5. Zxing生成二维码(可带图标)

    Zxing生成二维码(可带图标) SwetakeQRCode.BarCode4j.Zxing-- 生成二维码的开源项很多,在下不才只目前只了解这几个, 选择Zxing的原因可能是因为google吧,还 ...

  6. Py之qrcode:调用python的qrcode库两种方式生成二维码、带logo的二维码

    Py之qrcode:调用python的qrcode库两种方式生成二维码.带logo的二维码 目录 python编程实现生成二维码 1.第一种方式-纯文本 2.第二种方式-带logo

  7. 怎样在二维码中间添加logo

    我们在外面扫二维码付款的时候会发现有些商家的二维码做得很漂亮,在二维码的中间部分添加了自己的logo,这种二维码就更具有品牌识别性.还有在使用微信加好友时,可以看到对方的二维码中间放有微信头像,这种个 ...

  8. jquery生成二维码图片

    1.插件介绍 jquery.qrcode.min.js插件是jq系列的基于jq,在引入该插件之前要先引入jq.能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生 ...

  9. PHP生成二维码并添加文字(phpqrcode类)

    先看效果图 以下是phpqrcode类文件(里面包含字体文件,可直接用) 链接: https://pan.baidu.com/s/1u_3AAFtFxWuRdsCxJtjpyQ 提取码:cy2e 生成 ...

最新文章

  1. 在线作图|2分钟绘制一张箱线图
  2. 阿里云配置服务器报:bind: cannot assign requested address
  3. C语言,获得堆栈增长方向的一种方法
  4. asp.net广告控件的使用
  5. 常用正则:身份证号码验证正则表达式
  6. Android 软键盘弹出,界面整体上移的问题
  7. Java实现mds降维_MDS降维方法的目标是要找到数据的低维表示,使得:
  8. 路由器修改hosts实现域名劫持
  9. java服务器向客户端发消息_socket 服务器向指定的客户端发消息
  10. 三维地图前端js api对比分析
  11. php内存设置,修改php运行内存大小的限制
  12. ABOUT DOTA
  13. R(一)一次R排错的全过程
  14. java学习输出文档
  15. web图片铺满网页_CSS中如何设拉伸背景图片铺满屏幕
  16. 文献阅读-ICRA2020-具有软流体驱动执行器的经皮MRI引导针机器人的设计
  17. Windows 定位某文件位置并选择文件、定位某个注册表项位置
  18. 31年前,中国第一封电子邮件:Across the Great Wall we can reach every corner in the world.
  19. 开机自动连接宽带程序
  20. 【毕业设计】RFID智能门禁系统 - 单片机 物联网 嵌入式

热门文章

  1. MATLAB--数学建模作图大全及代码说明
  2. 海康威视硬件工程师校招一面面经
  3. 【离散数学】C++语言实现利用真值表法求主析取范式和主合取范式
  4. 计算机二级36套题解答百度云,全国计算机二级C选择题试题库第36套
  5. CAN总线与RS485的比较
  6. Neo4j 数据导入案例NorthWind load csv
  7. 配置YOLOV5 小记(一)从英伟达驱动开始
  8. 示例:应用WPF开发的仿制百度网盘客户端UI布局
  9. 设计素材搜索网站(长期更新)
  10. 第十八届全国大学智能汽车竞赛秘书处技术专家组第一次会议