如何生成带中间LOGO的二维码?

发布网友

共4个回答

懂视网

jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件，使用它可以很方便的在页面上生成二维条码。此插件是能够使用的，体积也比较小，使用gzip压缩后才不到4kb。因为它是直接在客户端生成的条码，所以不会有图片下载的过程，能够实现快速生成。它是基于一个多语言的类库封装的，也不依赖于其他额外的服务。

好处：使用jquery-qrcode的好处，不需要在服务器端生成多余的二维码图片，二维码直接通过JavaScript直接在客户端生成，有效减少带宽，以及维护成本。

首先大家可以看一下jquery.qrcode.js官网，官网上也有例子。但是官网的 jquery.qrcode.js是不支持中文的，废话不多说了，现在我们开始吧。官网上的 qrcode.js 文件里没有实现中文的支持和LOGO的添加，现在我们将这个文件修改为jquery.qrcode.js文件了。此外还需要一个对中文进行转码的文件，该文件为utf.js。然后在 jquery.qrcode.js 文件中调用了 utf.js 文件的 utf16to8(str) 方法对其中文进行了转码。

下面是我写的一个示例，该示例需要的js文件有 jquery.qrcode.js 和 utf.js 以及 jquery-1.8.0.js 。还有一个 LOGO图片可点击下载文件。调用的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="jquery-1.8.0.js"></script>
 <script type="text/javascript" src="utf.js"></script>
 <script type="text/javascript" src="jquery.qrcode.js"></script>
 <script type="text/javascript">
 $(document).ready(function() {
  $("#qrcodeCanvas").qrcode({
  render : "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
  text : "这是修改了官文的js文件，此时生成的二维码支持中文和LOGO", //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
  width : "200",  //二维码的宽度
  height : "200",  //二维码的高度
  background : "#ffffff", //二维码的后景色
  foreground : "#000000", //二维码的前景色
  src: 'photo.jpg'  //二维码中间的图片
  });
 });
 </script>
 
 </head>
 <body>
 <center>
 <h2>该二维码支持中文和LOGO</h2>
 <div id="qrcodeCanvas"></div>
 </center>
 </body>
 </html>

热心网友

这个很简单，在已有二维码基础上可以用ps等编辑软件把图片放到二维码的中间，只要不遮挡3个角的定位框和遮挡范围总面积不超过整个二维码的1/3就可以。

如果没有生成过二维码，你可以使用这款二维码的生成工具，直接制作一个二维码。步骤如下：

注册账户登录到操作后台。

2.点击添加二维码内容。

3.编辑你要生成的二维码里面展示的内容，可以编辑文字，上传图片，视频，音频，文档等内容。

4.保存后即可生成二维码，在生成二维码的页面中，在二维码样式里可以上传自己的logo图片到二维码上。

直接下载保存这个二维码即可。

希望能帮助到你！

热心网友

带LOGO的二维码已经是非常简单等功能，只需要用二维彩虹，可以看到自己上传LOGO的内容了。

热心网友

先生成一个二维码，然后再PS一个LOGO在中间就可以了

全部栏目

如何生成带中间LOGO的二维码?