Graphics2D绘图方法总结
一、简介
在开发中可能会遇到这样一类场景,业务复杂度不算太高,技术难度不算太深,但是做起来就很容易把人整破防,伤害很高侮辱性很强的:绘图。
绘图最怕有人挑刺:这里变形,那里不对,全图失真。
最近在处理这样一个场景,使用Java的Graphics2D类,绘制业务需要的图形模板,然后在具体流程中填充数据,并且将图形存储起来,逻辑并不复杂,由于涉及ToC和ToB两端交互,必须用点雕花的态度。
二、字体安装
在绘制具体图形时,需要先处理好本地字体,使用设计师提供的字体,才可能在图片上复制出想要的效果;安装完相关的字体包,使用Java读取验证后再直接使用。
public class Typeface {
public static void main(String[] args) {
List<String> fontNames = new java.util.ArrayList<>();
Font[] fonts = GraphicsEnvironment.getLocalGraphicsEnvironment().getAllFonts();
for (Font font : fonts){
fontNames.add(font.getName());
}
fontNames.forEach(System.out::println);
}
}
三、绘制图形
在制图中,会涉及一些简单的图形样式,比如线条、矩形、圆弧线等,这些都可以使用
Graphics2D
的语法直接生成,下面的程序创建一张500x500的图片,然后在其中绘制一些简单的图形样式,最后保存到本地。
public class DrawDraft {
public static void main(String[] args) throws Exception {
// 1、创建图片绘图
BufferedImage image = new BufferedImage(500, 500, BufferedImage.TYPE_4BYTE_ABGR);
Graphics2D graphics = image.createGraphics();
graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
graphics.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
// 2、填充背景色
graphics.setColor(Color.white);
graphics.fillRect(0, 0, 500, 500);
// 3、绘制线条
graphics.setStroke(new BasicStroke(3));
graphics.setColor(Color.red);
graphics.drawLine(50, 50, 280, 50);
graphics.setColor(Color.blue);
graphics.drawLine(50, 50, 165, 200);
graphics.setColor(Color.green);
graphics.drawLine(280, 50, 165, 200);
// 4、绘制图形
graphics.setStroke(new BasicStroke(2));
graphics.setColor(Color.pink);
graphics.drawRect(200, 200, 80, 50);// 矩形
graphics.setColor(Color.green);
graphics.drawArc(280, 280, 100, 100, 0, 180);//圆弧线
graphics.drawArc(300, 300, 100, 50, 0, -270);//圆弧线弧度
graphics.setColor(Color.orange);
graphics.drawArc(350, 350, 100, 100, 0, 180);//圆弧线
graphics.fillArc(350, 350, 100, 100, 0, -270);//填充四分之三的圆形
// 5、写到图片
ImageIO.write(image, "png", new File("src/main/draw-draft.png"));
image.flush();
graphics.dispose();
}
}
四、绘制文本
在常规的业务场景中,一般是先绘制模版图形,然后在模板的图形上填充数据,也可以直接使用设计师提供的模板文件,这样可以避免数据填充时出现排版问题,如果有大量的动态数据内容,可以使用模板引擎,这在以前的内容中有写个类似的案例。
下面这个案例,使用上面的模板,在此模版上进行文本添加,绘制文本主要就是一些动态对齐和排版等问题,最后制图生效时添加签章即可。
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
public class DrawImage {
public static void main(String[] args) throws Exception {
// 1、基础样式
Font yhFont = new Font("Microsoft Yahei UI", Font.PLAIN, 15);
Font yhBoldFont = new Font("Microsoft Yahei UI Bold", Font.BOLD, 25);
Font tailFont = new Font("Microsoft Yahei UI Bold", Font.PLAIN, 12);
// 2、基于底图绘制
BufferedImage backImg = ImageIO.read(new File("src/main/draw-draft.png"));
int canvasWidth = backImg.getWidth();
int canvasHeight = backImg.getHeight();
// 3、创建画笔
Graphics2D graphics = backImg.createGraphics();
graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
graphics.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
// 4、绘制居中标题
graphics.setFont(yhBoldFont);
graphics.setColor(Color.BLACK);
String title = "2D绘图";
int titleWidth = graphics.getFontMetrics().stringWidth(title);
int titleX = canvasWidth/2-titleWidth/2;
int titleY = 50;
graphics.drawString(title, titleX, titleY);
// 5、绘制长文本,左对齐和换行
graphics.setFont(yhFont);
graphics.setColor(Color.BLACK);
String blackText = "\u3000组织需要重新审视项目的核心价值主张,以便更好地与利益相关者对齐目标,协同共创。";
String[] textWord = blackText.split("");
// 文本最大宽度和行高
int textMaxWidth = 200;
int textLineHeight = 18;
// 文本字符输出起始坐标
int textWordX = 20;
int textWordY = 350;
// 通过计算控制单行文本长度
StringBuilder textLine = new StringBuilder();
for (String word : textWord){
graphics.drawString(word, textWordX, textWordY);
if (graphics.getFontMetrics().stringWidth(textLine + word) <= textMaxWidth) {
// 不需要换行,记录单行内容,移动X坐标
textLine.append(word);
textWordX = textWordX + graphics.getFontMetrics().stringWidth(word);
} else {
// 需要换行,重置当行文本内容,移动X坐标和Y坐标
textLine.setLength(0);
textWordX = 20 ;
textWordY = textWordY+textLineHeight;
}
}
// 6、绘制短文本,右对齐
graphics.setFont(tailFont);
graphics.setColor(Color.BLUE);
String author = "制图方:白天睡不着";
int authorWidth = canvasWidth-30-graphics.getFontMetrics().stringWidth(author);
graphics.drawString(author, authorWidth, 180);
String drawDate = "时间:2024年8月28日";
int drawDateWidth = canvasWidth-30-graphics.getFontMetrics().stringWidth(drawDate);
graphics.drawString(drawDate, drawDateWidth, 200);
// 7、添加水印图片
BufferedImage watermarkImg = ImageIO.read(new File("src/main/watermark.png"));
graphics.drawImage(watermarkImg, 350, 120,120,120, null);
// 8、写到图片
ImageIO.write(backImg, "png", new File("src/main/draw-img.png"));
backImg.flush();
watermarkImg.flush();
graphics.dispose();
}
}
彩蛋:这里
blackText
文本是让大模型随机写的,就冲这个输出和味道,大家猜猜出自哪个国产大模型,(放水提示词:国产)。最后关于文件管理就不赘述了,哪个文件服务器方便,就随地存着。
五、源码参考
文档仓库:
https://gitee.com/cicadasmile/butte-java-note
源码仓库:
https://gitee.com/cicadasmile/butte-spring-parent