使用jquery生成二维码 并添加logo图标
使用插件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图标相关推荐
- jquery生成二维码怎么添加图片(两种方法)
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法 自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
- jquery 生成二维码并嵌入图片
用到的js 库 jquery-3.3.1.min.js jquery.qrcode.min.js html2canvas.js (百度云链接:https://pan.baidu.com/s ...
- qrcode 生成二维码,带logo 带文字描述
qrcode 生成二维码 1.引入 pom.xml 2. ResourceRenderer 3. QRCodeUtil 4. QRCodeController 5. HTML 6. 测试 1.引入 p ...
- Java 生成二维码(带logo 文字)
1. 引入包 <!-- 二维码生成--><dependency><groupId>com.google.zxing</groupId><artif ...
- Zxing生成二维码(可带图标)
Zxing生成二维码(可带图标) SwetakeQRCode.BarCode4j.Zxing-- 生成二维码的开源项很多,在下不才只目前只了解这几个, 选择Zxing的原因可能是因为google吧,还 ...
- Py之qrcode:调用python的qrcode库两种方式生成二维码、带logo的二维码
Py之qrcode:调用python的qrcode库两种方式生成二维码.带logo的二维码 目录 python编程实现生成二维码 1.第一种方式-纯文本 2.第二种方式-带logo
- 怎样在二维码中间添加logo
我们在外面扫二维码付款的时候会发现有些商家的二维码做得很漂亮,在二维码的中间部分添加了自己的logo,这种二维码就更具有品牌识别性.还有在使用微信加好友时,可以看到对方的二维码中间放有微信头像,这种个 ...
- jquery生成二维码图片
1.插件介绍 jquery.qrcode.min.js插件是jq系列的基于jq,在引入该插件之前要先引入jq.能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生 ...
- PHP生成二维码并添加文字(phpqrcode类)
先看效果图 以下是phpqrcode类文件(里面包含字体文件,可直接用) 链接: https://pan.baidu.com/s/1u_3AAFtFxWuRdsCxJtjpyQ 提取码:cy2e 生成 ...
最新文章
- 在线作图|2分钟绘制一张箱线图
- 阿里云配置服务器报:bind: cannot assign requested address
- C语言,获得堆栈增长方向的一种方法
- asp.net广告控件的使用
- 常用正则:身份证号码验证正则表达式
- Android 软键盘弹出,界面整体上移的问题
- Java实现mds降维_MDS降维方法的目标是要找到数据的低维表示,使得:
- 路由器修改hosts实现域名劫持
- java服务器向客户端发消息_socket 服务器向指定的客户端发消息
- 三维地图前端js api对比分析
- php内存设置,修改php运行内存大小的限制
- ABOUT DOTA
- R(一)一次R排错的全过程
- java学习输出文档
- web图片铺满网页_CSS中如何设拉伸背景图片铺满屏幕
- 文献阅读-ICRA2020-具有软流体驱动执行器的经皮MRI引导针机器人的设计
- Windows 定位某文件位置并选择文件、定位某个注册表项位置
- 31年前,中国第一封电子邮件:Across the Great Wall we can reach every corner in the world.
- 开机自动连接宽带程序
- 【毕业设计】RFID智能门禁系统 - 单片机 物联网 嵌入式