jQuery生成带Logo的二维码

用zxing生成二维码并解析：https://blog.csdn.net/qq_41879385/article/details/81320723

用QR Code生成和解析二维码文章地址：https://blog.csdn.net/qq_41879385/article/details/81429376

只需要创建web项目，这个大家都会，也不用jar包，看下面。

接下来就贴代码：

qrcode.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>二维码带logo</title>
<script type="text/javascript" src="js/jquery-1.11.1.js" ></script>
<script type="text/javascript" src="js/jquery.qrcode.js" ></script>
<script type="text/javascript" src="js/qrcode.js" ></script>
<script type="text/javascript" src="js/utf.js" ></script>
</head>
<body>
<div id="qrcodeCanvas"></div>
<script type="text/javascript">jQuery('#qrcodeCanvas').qrcode({render: "canvas",text: "http://www.baidu.com",width: "200",               //二维码的宽度height: "200",              //二维码的高度background: "#ffffff",      //二维码的后景色foreground: "#000000",      //二维码的前景色src: 'renwu.png'             //二维码中间的图片});
</script></body>
</html>

而上面jquery.min.js、qrcode.js 、jquery-1.11.1.js、jquery.qrcode.js这四个js，根绝下面的原文链接里面来讲，utf.js是对中文进行转码的文件，

四个js下载：https://pan.baidu.com/s/11UilDaFKq4RV9wELmpomFg 百度网盘下载地址,没有密码。

运行结果：

需要注意的是：

这个图片有jpg，png，gif，jpeg，bmp格式的，所说义在写入图片的时候，也要改一下后缀名，我在改图片的时候就没注意后缀名，请大家注意。

原文链接，是用jQuery生成带Logo的二维码：http://blog.csdn.net/zbw18297786698/article/details/52819173 。

推荐以下这两篇文章，非常好，是个很好的学习资料，

二维码的生成细节和原理https://coolshell.cn/articles/10590.html

java——基于zxing的二维码生成器https://www.jianshu.com/p/7ae3b7002530

这两篇都非常的不错，推荐大家去看看，对二维码更深一层的了解。

jQuery生成带Logo的二维码相关推荐

vue 生成带logo的二维码 qrcode-vue 支持下载图片实例详解
最近的项目上有个需求,生成带logo的二维码,网上大部分都是基于JQ插件jQuery.qrcode.对于vue项目并不适用,翻阅了大量资料后,我找到了qrcode-vue这款基于vue的生成二维码的插 ...
iOS 生成带 logo 的二维码，区域截屏保存至相册（小功能二连发 (一)）
原文链接:http://www.jianshu.com/p/36e9f012ef39 生成带 logo 的二维码区域截屏相关 -- 由3033分享开篇最近项目需要搞了几个相对独立的小功能,今天有 ...
zxing生成带logo的二维码
倒Zxing依赖 implementation 'cn.bingoogolapple:bga-qrcode-zxing:1.2.1' 代码段 import android.graphics.Bitma ...
Android Studio 生成二维码、生成带logo的二维码
1.生成二维码: 2.生成logo的二维码: 一.引入依赖首先在libs文件目录下放进jar包zxing.jar,要下载zxing.jar就点击链接:下载zxing.jar(记得点击"Cd ...
使用zxing生成带logo的二维码图片，自动调节logo图片相对二维码图片的大小
使用zxing生成带logo的二维码图片,自动调节logo图片相对二维码图片的大小 * 可选是否带logo,可选是否保存二维码图片:结果返回base64编码的图片数据字符串 * 页面显示:< ...
asp.net 后台生成二维码及生成带logo的二维码
asp.net 后台生成二维码及生成带logo的二维码,此处将生成二维码和带Logo的二维码写在一起的,需要自己区分一下. 直接上代码 using System; using System.Colle ...
Golang使用qrcode生成二维码，以及生成带logo的二维码
添加并引用依赖 go get github.com/boombuler/barcodeimport ("github.com/skip2/go-qrcode" ) 1.生成字节形式 ...
.NET ZXING 生成带logo的二维码和普通二维码及条型码
工作中使用到了,就随笔记下了.希望可以帮助有需要的同学们. /// <summary> /// 生成二维码 /// </summary> ...
Android Studio 扫描识别二维码(包含闪光灯和本地二维码)、生成二维码、生成带logo的二维码
一.测试如下: 1.扫描识别二维码,扫描结果多少 2.生成二维码.生成带logo的二维码二.添加依赖: 1.在Project的build.gradle中添加maven { url 'https:// ...

jQuery生成带Logo的二维码

jQuery生成带Logo的二维码相关推荐

最新文章

热门文章