Convertir le contenu du texte à l'Image

Est là toute bibliothèque Java qui permet de convertir du texte contenu dans des fichiers image? Je ne sais ImageMagick (JMagick dans ce cas) mais je ne voudrais pas installer de fichiers binaires externes (mon application va être déployée en tant que .la guerre de fichiers dans un serveur Tomcat, donc je ne veux pas d'autres dépendances de plus de Java).

Par exemple, à partir de la chaîne "Bonjour", je tiens à générer cette image simple:

Convertir le contenu du texte à l'Image

InformationsquelleAutor jarandaf | 2013-09-14
  1. 58

    La Graphiques 2D de l'API doit être capable de réaliser ce que vous avez besoin. Il a un certain complexe de la manipulation de texte des capacités.

    Convertir le contenu du texte à l'Image

    import java.awt.Color;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
public class TextToGraphics {
public static void main(String[] args) {
String text = "Hello";
/*
Because font metrics is based on a graphics context, we need to create
a small, temporary image so we can ascertain the width and height
of the final image
*/
BufferedImage img = new BufferedImage(1, 1, BufferedImage.TYPE_INT_ARGB);
Graphics2D g2d = img.createGraphics();
Font font = new Font("Arial", Font.PLAIN, 48);
g2d.setFont(font);
FontMetrics fm = g2d.getFontMetrics();
int width = fm.stringWidth(text);
int height = fm.getHeight();
g2d.dispose();
img = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
g2d = img.createGraphics();
g2d.setRenderingHint(RenderingHints.KEY_ALPHA_INTERPOLATION, RenderingHints.VALUE_ALPHA_INTERPOLATION_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_DITHERING, RenderingHints.VALUE_DITHER_ENABLE);
g2d.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL, RenderingHints.VALUE_STROKE_PURE);
g2d.setFont(font);
fm = g2d.getFontMetrics();
g2d.setColor(Color.BLACK);
g2d.drawString(text, 0, fm.getAscent());
g2d.dispose();
try {
ImageIO.write(img, "png", new File("Text.png"));
} catch (IOException ex) {
ex.printStackTrace();
}
}
}

    Également vérifier L'écriture/l'Épargne et de l'Image

    AVERTISSEMENT que j'ai utilisé ceci pour générer 90k images PNG seulement pour trouver qu'ils peuvent être consultés dans IE mais pas dans la Version Chrome 70.0.3538.77

    Le code ci-dessus fonctionne très bien pour moi (j'ai changé la couleur du texte à WHITE j'ai donc pu le voir dans chrome)

    Convertir le contenu du texte à l'Image

    J'ai été en utilisant Chrome 70.0.3538.77 sur Mac OS Mojave 10.14 à l'aide de Java 10.0.2. L'image résultante a été 4778x2411 de pixels ...

    Mis à jour...

    Sur IE qui est noir sur blanc, mais sur Chrome c'est noir sur noir. Pourtant, j'en arrière-plan en blanc.

    Donc ce que vous me dites est, d'une image PNG transparente est affiché différemment sur différents navigateurs, parce que les navigateurs utilisent différents arrière-plans par défaut ... pourquoi êtes-vous surpris par cette?

    La solution originale, délibérément, a utilisé un transparent à base d'image. Cela est évident par l'utilisation de BufferedImage.TYPE_INT_ARGB lors de la création de l'image, qui est l'application d'un Alpha (A) en fonction RGB modèle de couleur.

    C'est inattendu, car il n'y a g2d.setBackground(Color.blanc).

    Non, en fait, il est tout à fait prévu, si seulement vous l'avez compris ce que setBackground ne fait et comment il doit être utilisé

    De la La documentation javadoc

    Définit la couleur d'arrière-plan pour le Graphics2D contexte. L'arrière-plan
    la couleur est utilisée pour la compensation d'une région. Lorsqu'un Graphics2D est construit
    pour un Composant, la couleur de fond est héritée de la Composante.
    Réglage de la couleur d'arrière-plan dans le Graphics2D contexte affecte uniquement
    le ultérieure clearRect appels et pas la couleur de fond de la
    Composante. Pour modifier l'arrière-plan du Composant, de l'utilisation appropriée
    les méthodes du Composant.

    De "sons" de choses, vous voulez un non-transparence de l'image, avec un rempli de couleur d'arrière-plan. Donc, encore une fois, il est hors de la La documentation javadoc et un peu de lecture, allait conduire vous aux BufferedImage.TYPE_INT_RGB, qui supprime le canal Alpha, mais que vous souhaitez toujours avoir à remplir le fond de l'image.

    Pour cela, j'utilise Graphics2D#setColor et Graphics2D#fillRect, uniquement parce que cela fonctionne.

    Donc, vous devez finir avec une version modifiée de la version au-dessus de ce qui pourrait ressembler à quelque chose comme...

    img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
g2d = img.createGraphics();
//...
g2d.setColor(Color.WHITE);
g2d.fillRect(0, 0, img.getWidth(), img.getHeight());
g2d.setColor(Color.BLACK);
g2d.drawString(text, 0, fm.getAscent());
g2d.dispose();
try {
ImageIO.write(img, "png", new File("Text.png"));
} catch (IOException ex) {
ex.printStackTrace();
}

    Si je change de "jpg", puis-je obtenir orange/rose de texte sur fond noir sur IE et Chrome

    Bien, cela est lié à un bien connu, et, malheureusement, commune de problème/bug dans ImageIO, qui tente d'appliquer le canal alpha de la couleur de transparence de modèles au format JPG, qui ne prend pas en charge les canaux alpha.

    Voir Problème à l'aide de ImageIO.écrire le fichier jpg: fond rose pour plus de détails.

    Mais la solution de base consiste à utiliser des PNG, qui prend en charge les canaux alpha, ou l'utilisation d'un non-transparence de l'image.

    Donc, le long et à court de tout ce qui est. Le problème n'est PAS l'original de la réplique, ni avec ImageIO, BufferedImage, Graphics, à la bibliothèque AWT, Chrome ou IE, mais avec votre manque de compréhension de la façon dont ces Api (et l'exemple) fonctionne.

    • Merci pour l'exemple et le dernier maillon de la ressource, très apprécié
    • C'est un peu bordélique, mais ça fonctionne 😉
    • Des indices sur la façon de gérer le multi-ligne de cordes pour s'adapter à zones fixes?
    • l'élaboration de Plusieurs de texte
    • ne fonctionne pas avec les Multi-Lignes :je.e : String texte="Bonjour \n word"
    • Jetez un oeil à Travailler avec du Texte Api qui examine comment dessiner multi lignes de texte à l'aide de Graphiques 2D API
    • Pour jpg il donne à fond vert.
    • C'est un problème connu avec ImageIO et alpha, les images, au lieu d'utiliser TYPE_INT_RGB à la place (suppression de l'alpha de soutien)
    • Je l'ai eu. merci.
    • Alors je dirais que c'est un problème avec google chrome, comme cela génère standard des fichiers png. Avez-vous essayé d'utiliser le jog à la place?
    • a un bug lorsque vous essayez d'enregistrer un fichier Jpg avec un canal alpha. Quelle est la résolution a été l'image? Depuis JavaFX utilise le même pipeline, je ne suis pas sûr de savoir comment ce serait un problème
    • J'ai fait un test avec un 130k PNG image (à l'aide du code ci-dessus, à l'aide de Java 10) et qu'elle rend à trouver dans Chrome 70.0.3538.77 sous MacOS
    • Réglage de l'arrière-plan ne fera rien, il fait, en règle générale, j'évite et il suffit d'utiliser setColor. Mais alors vous devrez remplir l'image. Au lieu de cela, vous aurez besoin de définir la page HTML réel de la couleur d'arrière-plan lui-même. Aussi, comme je l'ai dit, ImageIO a un bug qui, à tort, de modifier la couleur patellate de un JPG si vous essayez de l'enregistrer avec un canal alpha. Cela est connu et commun - vous aurez besoin de changer la BufferedImage's de type à quelque chose comme TYPE_INT_RGB - mais vous avez encore jusqu'à la fin avec le noir sur le noir, à moins que vous remplissez l'image vous-même.
    • Maintenant, ce n'est pas un problème avec ImageIO, AWT ou Chrome, mais votre manque de compréhension du fonctionnement de l'API travaille
    • Je tiens à souligner que le but de ce code est de générer une image avec un fond transparent. Vous souhaitez avoir un coup d'oeil à stackoverflow.com/questions/4386446/... pour mieux comprendre l'enjeu de JPEG et les canaux alpha
    • J'ai ajouté une autre mise à jour pour un aperçu de votre incompréhension et des solutions possibles
    • Merci! J'ai supprimé mon commentaire comme ils sont maintenant tous dans la réponse. Mon code génère maintenant 90k images de l'amende .Merci encore!

    InformationsquelleAutor MadProgrammer
  2. 6

    Sans aucune bibliothèque externe, procédez de la manière suivante:

    1. Mesurer la taille du texte en pixels (voir La Mesure De Texte)
    2. Créer un java.awt.image.BufferedImage dans la bonne taille pour le texte
    3. Acquérir les graphiques de l'objet BufferedImage à l'aide de la createGraphics() la méthode
    4. Dessiner le texte
    5. Enregistrer l'image à l'aide de la javax classe ImageIO

    Édition - correction du lien

    • +1 pour la voie à suivre, merci!
    InformationsquelleAutor Barak Itkin
  3. 1

    Considérons le fragment de code suivant:

    public static final HashMap<RenderingHints.Key, Object> RenderingProperties = new HashMap<>();
static{
RenderingProperties.put(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
RenderingProperties.put(RenderingHints.KEY_STROKE_CONTROL, RenderingHints.VALUE_STROKE_PURE);
RenderingProperties.put(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
}
public static BufferedImage textToImage(String Text, Font f, float Size){
//Derives font to new specified size, can be removed if not necessary.
f = f.deriveFont(Size);
FontRenderContext frc = new FontRenderContext(null, true, true);
//Calculate size of buffered image.
LineMetrics lm = f.getLineMetrics(Text, frc);
Rectangle2D r2d = f.getStringBounds(Text, frc);
BufferedImage img = new BufferedImage((int)Math.ceil(r2d.getWidth()), (int)Math.ceil(r2d.getHeight()), BufferedImage.TYPE_INT_ARGB);
Graphics2D g2d = img.createGraphics();
g2d.setRenderingHints(RenderingProperties);
g2d.setBackground(Color.WHITE);
g2d.setColor(Color.BLACK);
g2d.clearRect(0, 0, img.getWidth(), img.getHeight());
g2d.setFont(f);
g2d.drawString(Text, 0, lm.getAscent());
g2d.dispose();
return img;
}

    Utilise seulement le java API Graphique pour créer une image basée sur une police rendus sur un bufferedimage.

    InformationsquelleAutor initramfs
  4. 1

    Voici un Programme simple pour écrire des contenus Graphiques pour png format.

    import java.awt.Graphics;
import java.awt.Image;
import java.awt.image.BufferedImage;
import javax.swing.JFrame;
import javax.swing.JPanel;
import java.io.File;
import javax.imageio.ImageIO;
class ImageWriteEx extends JPanel{
public void paint(Graphics g){
Image img = createImageWithText();
g.drawImage(img, 20, 20, this);
}
private static BufferedImage createImageWithText(){ 
BufferedImage bufferedImage = new BufferedImage(200, 200, BufferedImage.TYPE_INT_RGB);
Graphics g = bufferedImage.getGraphics();
g.drawString("www.stackoverflow.com", 20, 20);
g.drawString("www.google.com", 20, 40);
g.drawString("www.facebook.com", 20, 60);
g.drawString("www.youtube.com", 20, 80);
g.drawString("www.oracle.com", 20, 1000);
return bufferedImage;
}
public static void main(String[] args){
try{
BufferedImage bi = createImageWithText();
File outputfile = new File("save.png");
ImageIO.write(bi, "png", outputfile);
} catch(Exception e){
e.printStackTrace();
}
JFrame frame = new JFrame();
frame.getContentPane().add(new ImageWriteEx());
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(300,300);
frame.setVisible(true);
}
}
    • Qu'est-ce que ImageWrite?
    • Il devrait être ImageWriteEx (la classe définie juste au-dessus). Je l'ai corrigé.
    InformationsquelleAutor S. M. AMRAN
  5. 0

    Au cas où quelqu'un veut TextImages avec plusieurs lignes. J'ai fait quelques et les afficher avec

    new ImageIcon(*here the image*)

    dans JOptionPane (sans ajout de texte). Qui remplit toute la JOptionPane bien. Voici le code:

    import java.awt.Color;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.image.BufferedImage;
public class TextImage
{
public static BufferedImage make(String...textrows)
{
BufferedImage helperImg = new BufferedImage(1, 1, BufferedImage.TYPE_INT_RGB);
Graphics2D g2d = helperImg.createGraphics();
Font font = *here some font*;
g2d.setFont(font);
FontMetrics fm = g2d.getFontMetrics();
String longestText = "";
for(String row: textrows)
{
if(row.length()>longestText.length())
{
longestText = row;
}
}
int width = fm.stringWidth(longestText);
int height = fm.getHeight()*textrows.length;
g2d.dispose();
BufferedImage finalImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
g2d = finalImg.createGraphics();
g2d.setColor(*here some Color*);
g2d.fillRect(0, 0, width, height);
g2d.setRenderingHint(RenderingHints.KEY_ALPHA_INTERPOLATION, RenderingHints.VALUE_ALPHA_INTERPOLATION_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_DITHERING, RenderingHints.VALUE_DITHER_ENABLE);
g2d.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
g2d.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL, RenderingHints.VALUE_STROKE_PURE);
g2d.setFont(font);
fm = g2d.getFontMetrics();
g2d.setColor(Color.BLACK);
int y = fm.getAscent();
for(String row: textrows)
{
g2d.drawString(row, 0, y);
y += fm.getHeight();
}
g2d.dispose();
return finalImg;
}
}
    InformationsquelleAutor gute Fee