将文本添加到图像并使其适合 Java 中的矩形区域答案

【问题标题】：Adding text to an image and make it fit into a rectangular region in Java将文本添加到图像并使其适合 Java 中的矩形区域
【发布时间】：2021-12-01 07:07:04
【问题描述】：

我正在尝试使用以下代码向 Java 中的图像添加一些文本：

public static void main(String[] args) throws IOException {
    BufferedImage image = ImageIO.read(new File("img.png"));
    Graphics g = image.getGraphics();
    Rectangle rectangle = new Rectangle(image.getWidth(), image.getHeight());
    g.setFont(g.getFont().deriveFont(30f));
    drawCenteredString(g, "TexvzgdsfadvcfkgsdASKJDFHJGgkdgfsakagjASGHDJStTexvzgdsfadvcfkgsdASKJDFHJGgkdgfsakagjASGHDJSt", rectangle, g.getFont());
    g.dispose();
    ImageIO.write(image, "png", new File("out.png"));
}

public static void drawCenteredString(Graphics g, String text, Rectangle rect, Font font) {
    FontMetrics metrics = g.getFontMetrics(font);
    int x = rect.x + (rect.width - metrics.stringWidth(text)) / 2;
    int y = rect.y + ((rect.height - metrics.getHeight()) / 2) + metrics.getAscent();
    g.setFont(font);
    g.drawString(text, x, y);
}

但我有一个问题：我需要能够缩放字体大小或将单词发送到新行，以便整个字符串适合图像中心的矩形区域，最大大小为 x，是的。我该怎么做？

【问题讨论】：

那么，你想要这两者中的哪一个：调整字体大小，还是换行？
我真的不知道哪个选项是最好的。由于该软件是一个 instagram 页面管理器，它需要在 instagram 帖子中阅读文本，但我认为调整字体大小是最好的选择

标签： java image text region square

【解决方案1】：

我使用了在网上找到的图片。基本上，您尝试使用大字体并减小字体大小，直到您的文本适合图像。

这是我添加文本后的图像。

我从 96 号字体开始，然后逐渐降低到 46 号，这适合图像。

这是完整的可运行代码。

import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Rectangle;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URL;

import javax.imageio.ImageIO;

public class AddTextToImage {

    public static void main(String[] args) throws IOException {
        URL url = new URL("https://clipartmag.com/images/car-cartoon-png-18.png");
        BufferedImage image = ImageIO.read(url);
        Graphics g = image.getGraphics();
        Rectangle rectangle = new Rectangle(image.getWidth(), image.getHeight());
        String text = "TexvzgdsfadvcfkgsdASKJDFHJGgkdgfsakagjASGHDJSt"
                + "TexvzgdsfadvcfkgsdASKJDFHJGgkdgfsakagjASGHDJSt";
        int fontSize = 98;
        FontMetrics metrics;
        do {
            fontSize -= 2;
            g.setFont(g.getFont().deriveFont((float) fontSize));
            metrics = g.getFontMetrics(g.getFont());
        } while (metrics.stringWidth(text) > rectangle.width);
        
        System.out.println("Font Size: " + fontSize);
        drawCenteredString(g, text, rectangle, g.getFont());
        g.dispose();
        ImageIO.write(image, "png", new File("output.png"));
    }

    public static void drawCenteredString(Graphics g, String text, Rectangle rect, Font font) {
        FontMetrics metrics = g.getFontMetrics(font);
        int x = rect.x + (rect.width - metrics.stringWidth(text)) / 2;
        int y = rect.y + ((rect.height - metrics.getHeight()) / 2) + metrics.getAscent();
        g.setFont(font);
        g.drawString(text, x, y);
    }

}

【讨论】：

【解决方案2】：

要包装文本，create TextLayout objects from a LineBreakMeasurer，并使用 TextLayout.draw 而不是使用 Graphics.drawString 进行绘制。

首先，您需要创建一个 AttributedCharacterIterator。您可以通过从文本中创建 AttributedString 来做到这一点：

AttributedString attrStr = new AttributedString(text);
AttributedCharacterIterator iter = attrStr.getIterator();

现在您可以创建 LineBreakMeasurer：

Graphics2D g2 = (Graphics2D) g;

LineBreakMeasurer measurer = new LineBreakMeasurer(iter,
    g2.getFontRenderContext());

然后，您可以从 LineBreakMeasurer 中获取作为 TextLayouts 的行：

List<TextLayout> lines = new ArrayList<>();

while (measurer.getPosition() < text.length()) {
    lines.add(measurer.nextLayout(rect.width));
}

一旦你有了它们，你就可以计算出总高度：

float textHeight = 0;

for (TextLayout line : lines) {
    textHeight += line.getAscent() + line.getDescent() + line.getLeading();
}

最后，你可以画线了：

float y = (rect.height - textHeight) / 2;

for (TextLayout line : lines) {
    Rectangle2D bounds = line.getBounds();
    float x = (rect.width - (float) bounds.getWidth()) / 2;

    line.draw(g2, x, y + line.getAscent());

    y += line.getAscent() + line.getDescent() + line.getLeading();
}

【讨论】：