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的二维码

猜你喜欢