一、简介
在开发中可能会遇到这样一类场景,业务复杂度不算太高,技术难度不算太深,但是做起来就很容易把人整破防,伤害很高侮辱性很强的:绘图。
绘图最怕有人挑刺:这里变形,那里不对,全图失真。
最近在处理这样一个场景,使用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