jQuery生成带Logo的二维码

news/2024/7/11 0:43:35 标签: jQuery, 二维码, Java

用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

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


http://www.niftyadmin.cn/n/1303999.html

相关文章

井通swtc能不能涨到2元_共享充电宝涨价为什么大家能接受?

全世界手机用户最多的国家就是中国了。手机在中国基本人手一台(成年人)&#xff0c;手机已经成为人们不可缺少的随身物品。而且现在的手机功能越来越强大&#xff0c;基本上可以搞定一切事情。但是手机唯一的缺陷就是电池不够用。一份权威调查显示,今年我国共享充电市场稳重有进…

报错org.springframework.beans.factory.NoSuchBeanDefinitionException

今天在做SSM框架时报错&#xff1a; org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type [com.mana.service.ManaService] found for dependency: expected at least 1 bean which qualifies as autowire candidate for this depe…

java 将map赋值给另一个map_消灭 Java 代码的“坏味道”

导读明代王阳明先生在《传习录》谈为学之道时说&#xff1a;私欲日生&#xff0c;如地上尘&#xff0c;一日不扫&#xff0c;便又有一层。着实用功&#xff0c;便见道无终穷&#xff0c;愈探愈深&#xff0c;必使精白无一毫不彻方可。代码中的"坏味道"&#xff0c;如…

Maven的安装和配置,以及配置本地仓库

目录 一、官网下载Maven 二、配置Maven 三、配置Maven本地仓库。 一、官网下载Maven 链接地址&#xff1a;http://maven.apache.org/download.cgi 找到Dowload&#xff0c;如图&#xff1a; 下载完成后&#xff0c;解压压缩包&#xff0c;解压的路径记住&#xff0c;结构如下…

ignite windows无法访问linux ignite集群_微软终推出Windows虚拟桌面公开预览版 定价仍是谜...

去年9月&#xff0c;微软宣布了其新的Windows虚拟桌面(WVD)产品和战略&#xff0c;该公司的计划是在2018年底之前向所有测试人员提供该技术的早期版本&#xff0c;但是到2019年3月21日&#xff0c;微软才提供了之前承诺的WVD公开预览版。WVD是一项新服务&#xff0c;提供多会话…

主流mes厂商_iWorker持续发力云MES市场,但云MES的普及仍遥遥无期

编辑 | 于斌出品 | 于见根据此前艾瑞咨询发布的2019年《中国企业级SaaS行业研究报告》显示&#xff0c;中国企业级SaaS市场在未来三年内将继续保持较高的行业增速&#xff0c;市场潜力仍然十分巨大。而在行业未来主流方向的云ERP领域&#xff0c;金蝶云、用友云、iWorker这三家…

微信抢红包的方案_【方案集锦】6个圣诞节创意活动方案,大大提升营业额!...

点击“阅读原文”&#xff0c;3G活动方案免费拿字数&#xff1a;1295推荐阅读时长&#xff1a;3min大家好&#xff0c;我是阿南。还有一个多月就圣诞节了&#xff0c;为了这一天&#xff0c;各大品牌可谓绞尽脑汁想要吸引目标用户的关注。还是说你只打算贴几个圣诞老人&#xf…

MySQL报错端口3306解决方法

安装MySQL时候回报错一些错误&#xff0c;比如文件中文名&#xff0c;但是比较最常见的就是端口号3306的占用。 在之前的MySQL安装&#xff1a;https://blog.csdn.net/qq_41879385/article/details/82215828&#xff0c;我就有遇到过这个问题。接下来看下面。 我们在安装的时…