最近项目需要,重新了解了下二维码的自定义文字绘画,直接上代码,记录一下。

一:导入Maven依赖

1
2
3
4
5
6
7
8
9
10
11
12
<!-- Zxing -->
<dependency>
<groupId>com.google.zxing</groupId>
<artifactId>javase</artifactId>
<version>3.4.0</version>
</dependency>
<dependency>
<groupId>com.google.zxing</groupId>
<artifactId>core</artifactId>
<version>3.4.0</version>
</dependency>
<!-- Zxing -->

二:创建文字实体类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
package com.bhy702.common.utils.code;

import lombok.Data;
import java.awt.Color;
import java.awt.Font;

@Data
public class QRCodeFont{

private int startX;//文字显示x坐标
private int startY;//文字显示y坐标
private String text;//文字内容
private Color color = Color.BLACK;//文字显示颜色,这里先默认黑色
private Font font;//字体样式

public QRCodeFont(){};

public QRCodeFont(int startX, int startY, String text, Color color, Font font){
this.startX = startX;
this.startY = startY;
this.text = text;
this.color = color;
this.font = font;
}
}

四:ZXingCodeUtils工具类

提示: 多看注释!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
package com.bhy702.common.utils.code;

import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.MultiFormatWriter;
import com.google.zxing.WriterException;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class ZXingCodeUtils {

/**
* CODE_WIDTH:二维码宽度,单位像素
* CODE_HEIGHT:二维码高度,单位像素
* FRONT_COLOR:二维码前景色,0x000000 表示黑色
* BACKGROUND_COLOR:二维码背景色,0xFFFFFF 表示白色
* IMAGE_WIDTH:总画布宽度,单位像素
* IMAGE_HEIGHT:总画布高度,单位像素
*/
private static final int CODE_WIDTH = 400;
private static final int CODE_HEIGHT = 400;
private static final int FRONT_COLOR = 0x000000;
private static final int BACKGROUND_COLOR = 0xFFFFFF;

// 总的画布宽和高,必须比二维码以及文字的展示区域像素更宽更高,不然会画超出区域而不可见。
// 也可以在画之前写个方法根据二维码宽高以及文字的宽高(文字长度/字体字号决定)及坐标记算。
private static final int IMAGE_WIDTH = 650;
private static final int IMAGE_HEIGHT = 450;

/**
* 创建二维码
* @param content
* @return BufferedImage
* @throws WriterException
*/
public static BufferedImage createQRCode(String content) throws WriterException {

BufferedImage bufferedImage = new BufferedImage(CODE_WIDTH, CODE_HEIGHT, BufferedImage.TYPE_INT_RGB);

Map<EncodeHintType, Object> hints = new HashMap();
hints.put(EncodeHintType.CHARACTER_SET, "UTF-8");
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.Q);
hints.put(EncodeHintType.MARGIN, 1);

MultiFormatWriter multiFormatWriter = new MultiFormatWriter();
BitMatrix bitMatrix = multiFormatWriter.encode(content, BarcodeFormat.QR_CODE, CODE_WIDTH, CODE_HEIGHT, hints);


for (int x = 0; x < CODE_WIDTH; x++) {
for (int y = 0; y < CODE_HEIGHT; y++) {
bufferedImage.setRGB(x, y, bitMatrix.get(x, y) ? FRONT_COLOR : BACKGROUND_COLOR);
}
}

return bufferedImage;
}

/***
* 创建画布,绘画组合文字与二维码
* @param content
* @param qrCodeFontList
* @return BufferedImage
* @throws WriterException
*/

public static BufferedImage drawTextCodeInImage(String content, List<QRCodeFont> qrCodeFontList) throws WriterException {

//将image生成二维码图片对象
BufferedImage bufferedImage = createQRCode(content);

//计算总画布的宽高

//根据总宽高,创建文字图片对象
BufferedImage image = new BufferedImage(IMAGE_WIDTH, IMAGE_HEIGHT, BufferedImage.TYPE_INT_RGB);
Graphics graphics = image.createGraphics();

//画二维码,这里从左上角(0,0)开始画二维码,宽高与二维码一致。
graphics.drawImage(bufferedImage, 0, 0, CODE_WIDTH, CODE_HEIGHT, null);
bufferedImage.flush();

//填充二维码以外的透明背景区域为白色,默认为黑色
//注意:如果二维码想要黑边,循环体if判断改为(x > CODE_WIDTH || y > CODE_HEIGHT)即可有1像素宽度的黑边
for (int x = 0; x < IMAGE_WIDTH; x++) {
for (int y = 0; y < IMAGE_HEIGHT; y++) {
if(x >= CODE_WIDTH || y >= CODE_HEIGHT){
image.setRGB(x, y,BACKGROUND_COLOR);
}
}
}

//画文字
qrCodeFontList.forEach((codeFont)->{

Font font = codeFont.getFont();
//获取字体的宽和高
FontMetrics metrics = graphics.getFontMetrics(font);
// int centerFontWidth = metrics.stringWidth(centerFont);
// int fontHeight = metrics.getHeight();
//基线高度
int ascentHeight = metrics.getAscent();

//设置画笔的颜色
graphics.setColor(codeFont.getColor());
//设置字体及字号
graphics.setFont(font);
//写字时,y坐标为基线y坐标,不是绘画的起始y坐标,所以需要加上基线坐标ascentHeight,这样起始坐标就为我们设置的startY坐标了
graphics.drawString(codeFont.getText(), codeFont.getStartX(), codeFont.getStartY()+ascentHeight);

});

//销毁图形界面资源
graphics.dispose();
return image;
}

}

五:测试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
@RequestMapping("/getCode")
public static void getCode(HttpServletResponse resp) throws WriterException, IOException {

String content = "www.baidu.com";

//存放文字Font集合
List<QRCodeFont> qrCodeFontList = new ArrayList<>();

//字体样式
Font font = new Font("宋体", 5, 30);

qrCodeFontList.add(new QRCodeFont(400,0,"test:x-400,y-0",Color.BLACK,font));
qrCodeFontList.add(new QRCodeFont(410,100,"test:x-410,y-100",Color.BLACK,font));
qrCodeFontList.add(new QRCodeFont(10,410,"test:x-10,y-410",Color.BLACK,font));

//生成含文字的二维码
BufferedImage bufferedImage = ZXingCodeUtils.drawTextCodeInImage(content, qrCodeFontList);

// 禁止图像缓存。
resp.setHeader("Pragma", "no-cache");
resp.setHeader("Cache-Control", "no-cache");
resp.setDateHeader("Expires", 0);
resp.setContentType("image/jpeg");

// 将图像输出到Servlet输出流中。
ServletOutputStream sos = resp.getOutputStream();
ImageIO.write(bufferedImage, "jpeg", sos);
sos.close();
}

效果:

在这里插入图片描述


ZXing生成条形码,可参考我另一篇博客:java生成条形码,使用zxing框架,并去除条码两边空白