Вырежьте изображение в форме текста

Question

Мне нужно вырезать изображение в форме текста на другом изображении. Я думаю, что это лучше всего показано на изображениях.

Это фото кота:

и вот текст, который я хочу вырезать:

Полученное изображение будет таким:

Текстовое изображение всегда будет черным с прозрачным фоном, а результирующий вырез также должен иметь прозрачный фон. Оба входных изображения также будут одинакового размера.

Answer 1

Создайте новый BufferedImage и выполните итерацию по всем пикселям слова cat, а если они черные, скопируйте пиксели изображения cat в новое изображение.

Вот некоторый код: (Окончательный рабочий код, поддерживает сглаживание)

public static BufferedImage textEffect(BufferedImage image, BufferedImage text) {
    if (image.getWidth() != text.getWidth() ||
        image.getHeight() != text.getHeight())
    {
        throw new IllegalArgumentException("Dimensions are not the same!");
    }
    BufferedImage img = new BufferedImage(image.getWidth(),
                                          image.getHeight(),
                                          BufferedImage.TYPE_INT_ARGB_PRE);

    for (int y = 0; y < image.getHeight(); ++y) {
        for (int x = 0; x < image.getWidth(); ++x) {
           int textPixel = text.getRGB(x, y);
           int textAlpha = (textPixel & 0xFF000000);
           int sourceRGB = image.getRGB(x, y);
           int newAlpha = (int) (((textAlpha >> 24) * (sourceRGB >> 24)) / 255d);
           int imgPixel = (newAlpha << 24) |  (sourceRGB & 0x00FFFFFF);
           int rgb = imgPixel | textAlpha;
           img.setRGB(x, y, rgb);

        }
    }
    return img;
}

Answer 2

import java.awt.*;
import java.awt.font.*;
import java.awt.image.BufferedImage;
import java.awt.geom.Rectangle2D;
import javax.imageio.ImageIO;
import java.net.URL;
import java.io.File;

class PictureText {

    public static void main(String[] args) throws Exception {
        URL url = new URL("https://stackru.com/images/26c69f844b64261f2ac62cefbfb6b1c7be4ba90f.jpg");
        BufferedImage originalImage = ImageIO.read(url);
        final BufferedImage textImage = new BufferedImage(
            originalImage.getWidth(),
            originalImage.getHeight(),
            BufferedImage.TYPE_INT_ARGB);
        Graphics2D g = textImage.createGraphics();
        FontRenderContext frc = g.getFontRenderContext();
        Font font = new Font(Font.SANS_SERIF, Font.BOLD, 250);
        GlyphVector gv = font.createGlyphVector(frc, "Cat");
        Rectangle2D box = gv.getVisualBounds();
        int xOff = 25+(int)-box.getX();
        int yOff = 80+(int)-box.getY();
        Shape shape = gv.getOutline(xOff,yOff);
        g.setClip(shape);
        g.drawImage(originalImage,0,0,null);
        g.setClip(null);
        g.setStroke(new BasicStroke(2f));
        g.setColor(Color.BLACK);
        g.setRenderingHint(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
        g.draw(shape);

        g.dispose();

        File file = new File("cat-text.png");
        ImageIO.write(textImage,"png",file);
        Desktop.getDesktop().open(file);
    }
}

Answer 3

Использование GlyphVector, использование Font учебный класс

public GlyphVector layoutGlyphVector(FontRenderContext frc,
                                         char[] text,
                                         int start,
                                         int limit,
                                         int flags) {

Вы можете получить план Shape из вектора глифа публичной абстрактной формой getOutline()

Назначьте схему Shape как клип к вашему Graphics пример.

Нарисуйте изображение на графике.

Только обрезанная форма будет заполнена.

Answer 4

Здесь нет Java, но необходимые операции с изображениями легко понять. В Mathematica:

Answer 5

Вы можете сделать это в Java с помощью всего лишь нескольких строк исходного кода, используя Marvin Framework

исходный код:

public class CutAndFill {
    public static void main(String[] args) {
        // 1. Load images
        MarvinImage catImage = MarvinImageIO.loadImage("./res/catImage.jpg");
        MarvinImage catText = MarvinImageIO.loadImage("./res/catText.png");

        // 2. Load plug-in, set parameters and process de image
        MarvinImagePlugin combine = MarvinPluginLoader.loadImagePlugin("org.marvinproject.image.combine.combineByMask");
        combine.setAttribute("combinationImage", catImage);
        combine.setAttribute("colorMask", Color.black);
        combine.process(catText.clone(), catText);

        // 3. Save the output image.
        MarvinImageIO.saveImage(catText, "./res/catOut.jpg");
    }
}

Answer 6

Сначала сделайте прозрачной черную часть изображения "Кошка". Смотрите здесь для помощи с этим. Затем скомпонуйте это изображение с изображением вашей любимой кошки (у меня Шиба).

Приятно то, что вы можете сделать прозрачное текстовое изображение один раз, сохранить его, а затем применить его ко всей семье и друзьям Шибы!