Découper l'image en forme de texte

J'ai besoin de découper une image en forme du texte dans une autre image. Je pense que c'est mieux indiqué dans les images.

C'est une photo d'un chat:

Découper l'image en forme de texte

et c'est le texte que je souhaite découper:

Découper l'image en forme de texte

L'image qui en résulte est celle-ci:

Découper l'image en forme de texte

Le texte de l'image sera toujours en noir avec un fond transparent, et de la découpe, ce qui devrait aussi avoir un fond transparent. Les deux images d'entrée sera également de la même taille.

  • Quoi que ce soit. Cat? Immédiat +1!
  • Vous avez rempli l'intérieur "d'un" trou". Était-ce intentionnel?
  • Bien repéré - non, ce n'était pas intentionnel 😉
  • Ne serait pas mieux si vous avez une image et un texte à la place? ( suffit de demander )
InformationsquelleAutor Matt | 2011-06-09
  1. 21

    Créer un nouveau BufferedImage et itérer sur tous les pixels de mot chat et s'ils sont noirs, copiez le chat-les pixels de l'image de la nouvelle image.

    Voici le code: (Finale du code de travail, prend en charge l'anti-alias)

    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;
}
    • Comment voulez-vous parcourir tous les pixels de mot chat? Que faire si le mot est le chien? De l'OP - le texte est toujours dans le noir, donc il suffit de remplacer tous les pixels noirs avec corresponsing pixels de l'image?
    • Oui, c'est ce qu'il suggère.
    • Une petite suggestion: au lieu de convertir à double lors du calcul de newAlpha, il suffit de déplacer la division à la fin de la multiplication.
    • Merci, c'est en effet un peu plus soignée.
    InformationsquelleAutor Martijn Courteaux
  2. 33

    Découper l'image en forme de texte

    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("http://i.stack.imgur.com/Nqf3H.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);
}
}
    • +1 setClip(shape), woot!
    • Fait! Et je vous remercie; j'avais négligemment passées sous silence cet aspect de @StanislavL du answer.
    • +1 exactement le code que je voulais dire!
    InformationsquelleAutor Andrew Thompson
  3. 15

    Utilisation GlyphVector. Utilisation Font classe

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

    Vous pouvez obtenir le contour Shape de glyphe vecteur public Forme abstraite getOutline()

    Attribuer le contour Shape comme un élément à votre Graphics instance.

    Dessiner l'image sur le graphique.

    Seulement coupées forme sera rempli.

    • Merci André pour la modifier. J'ai tapé trop vite.
    • Merci pour l'invite (pour moi) pour poster un exemple. J'avais envie de jouer avec de l'extrait de texte pour un long moment. 😉
    • +1 Pour obtenir le contour des formes.
    InformationsquelleAutor StanislavL
  4. 8

    Pas de java ici, mais l'image désirée activités sont faciles à comprendre. Dans Mathematica:

    Découper l'image en forme de texte

    • C'est cool. Merci!
    • probablement que l'OP veut créer une méthode de ce genre dans la première place.
    • +1 pour obtenir de l'espace à l'intérieur de la a trop! 😉
    InformationsquelleAutor Dr. belisarius
  5. 2

    Vous pouvez le faire en Java avec seulement quelques lignes de code source, à l'aide de Marvin Cadre

    Découper l'image en forme de texte

    code source:

    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");
}
}
    InformationsquelleAutor Gabriel Ambrósio Archanjo
  6. -1

    Tout d'abord, faire la partie noire de la "Chat" image transparente. Voir ici pour vous aider à cela. Ensuite, composite que l'image sur l'image de votre chat préféré (le mien est Sheeba).

    La bonne chose à ce sujet est que vous pouvez faire de la transparence du texte de l'image une fois, l'enregistrer, puis de l'appliquer à l'ensemble de Sheeba la famille et les amis!

    InformationsquelleAutor Briguy37