Візуалізація тексту за допомогою шрифту TrueType | Java

Візуалізація тексту

Щоб відобразити текст, підсистема відтворення вимагає впровадження інтерфейсу Aspose.Font.Rendering.IGlyphOutlinePainter для малювання гліфа. Цього можна досягти за допомогою наступних кроків.

1. Створіть метод DrawText(), який малює вказаний текст в об’єкт System.Drawing.Bitmap і зберігає отримане растрове зображення на диску. Це включатиме наступні кроки:

• Ітерація всіх символів у текстовому рядку.
• Отримати ідентифікатор гліфа для кожного обробленого символу - gid.
• Створіть об’єкт типу GlyphOutlinePainter, який потрібен підсистемі візуалізації для малювання поточного гліфа.
• Створіть об’єкт типу Aspose.Font.Renderers.GlyphOutlineRenderer і передайте щойно створений об’єкт типу GlyphOutlinePainter у конструктор для GlyphOutlineRenderer. Цей об’єкт GlyphOutlineRenderer призначений для візуалізації зазначеного гліфа.
• Відобразити поточний оброблений гліф за допомогою методу GlyphOutlineRenderer.RenderGlyph(). Об’єкт Aspose.Fonts.Matrix використовується для визначення координат гліфа. Гліф для візуалізації визначається параметром gid.

Допоміжні кроки для цієї стратегії

• Координата гліфа для осі Y є постійною для цього фрагмента коду.
• Координата гліфа для осі X обчислюється для кожного обробленого гліфа.
• Координати «X» і «Y» передаються в об’єкт Aspose.Fonts.Matrix, який використовується GlyphOutlineRenderer для малювання гліфа.
• Відстань між щойно обробленими та попередніми гліфами обчислюється на кожному кроці ітерації. Ця відстань впливає на кожну координату гліфа «X».
• Об’єкт типу GlyphOutlinePainter малює гліф за допомогою GlyphOutlinePainter не безпосередньо в Bitmap, а в об’єкт GraphicsPath, який було передано в конструктор для GlyphOutlinePainter, тому ми використовуємо об’єкт типу System.Drawing.Graphics для малювання GraphicsPath в Bitmap.
• Метод FontWidthToImageWith(), який обчислює ширину гліфа для растрової системи координат.

Реалізація методу DrawText показана нижче.

// For complete examples and data files, please go to https://github.com/aspose-font/Aspose.Font-for-Java
static void drawText(String text, IFont font, double fontSize,
           Paint backgroundBrush, Paint textBrush, String outFile) throws Exception
{
    //Get glyph identifiers for every symbol in text line
    GlyphId[] gids = new GlyphId[text.length()];
    for (int i = 0; i < text.length(); i++)
        gids[i] = font.getEncoding().decodeToGid(text.charAt(i));
    // set common drawing settings
    double dpi = 300;
	
    double resolutionCorrection = dpi / 72; // 72 is font's internal dpi
    // prepare output bitmap
    BufferedImage outBitmap = new BufferedImage(960, 720, BufferedImage.TYPE_INT_BGR);
    //outBitmap.getRaster().SetResolution((float)dpi, (float)dpi);
    java.awt.Graphics2D outGraphics = (java.awt.Graphics2D) outBitmap.getGraphics();
    outGraphics.setPaint(backgroundBrush);
    outGraphics.fillRect(0, 0, outBitmap.getWidth(), outBitmap.getHeight());
    outGraphics.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
    //declare coordinate variables and previous gid
    GlyphId previousGid = null;
    double glyphXCoordinate = 0;
    double glyphYCoordinate = fontSize * resolutionCorrection;
    //loop which paints every glyph in gids
    for (GlyphId gid : gids)
    {
        // if the font contains the gid
        if (gid != null)
        {
            Glyph glyph = font.getGlyphAccessor().getGlyphById(gid);
            if (glyph == null)
                continue;
	
            // path that accepts drawing instructions
            GeneralPath path = new GeneralPath();
	
            // Create IGlyphOutlinePainter implementation
            GlyphOutlinePainter outlinePainter = new GlyphOutlinePainter(path);
	
            // Create the renderer
            IGlyphRenderer renderer = new GlyphOutlineRenderer(outlinePainter);
	
            // get common glyph properties
            double kerning = 0;
	
            // get kerning value
            if (previousGid != null)
            {
                kerning = (font.getMetrics().getKerningValue(previousGid, gid) /
                           glyph.getSourceResolution()) * fontSize * resolutionCorrection;
                kerning += fontWidthToImageWdith(font.getMetrics().getGlyphWidth(previousGid),
                        glyph.getSourceResolution(), fontSize, 300);
            }
	
            // glyph positioning - increase glyph X coordinate according to kerning distance
            glyphXCoordinate += kerning;
	
            // Glyph placement matrix
            TransformationMatrix glyphMatrix =
                new TransformationMatrix(
                    new double[]
                            {
                                    fontSize*resolutionCorrection,
                                    0,
                                    0,
                                // negative because of bitmap coordinate system begins from the top
                                    - fontSize*resolutionCorrection,
                                    glyphXCoordinate,
                                    glyphYCoordinate
                            });
	
            // render current glyph
            renderer.renderGlyph(font, gid, glyphMatrix);
            // fill the path
            path.setWindingRule(GeneralPath.WIND_NON_ZERO);
            outGraphics.setPaint(textBrush);
            outGraphics.fill(path);
        }
        //set current gid as previous to get correct kerning for next glyph
        previousGid = gid;
    }
    //Save results
    ImageIO.write(outBitmap, "jpg", new File(outFile));
}

1. створити метод утиліти для розрахунку ширини шрифту до ширини зображення, як показано у прикладі коду нижче

// For complete examples and data files, please go to https://github.com/aspose-font/Aspose.Font-for-Java
static double fontWidthToImageWidth(double width, int fontSourceResulution, double fontSize, double dpi)
{
    double resolutionCorrection = dpi / 72; // 72 is font's internal dpi
    return (width / fontSourceResulution) * fontSize * resolutionCorrection;
}

Виклик функції відтворення тексту

Щоб використовувати наведені вище реалізації, наведений нижче приклад коду можна виконати з методу Main консольної програми.

// For complete examples and data files, please go to https://github.com/aspose-font/Aspose.Font-for-Java
String fileName1 = Utils.getDataDir() + "Montserrat-Bold.ttf"; //Font file name with full path
      FontDefinition fd1 = new FontDefinition(FontType.TTF, new FontFileDefinition("ttf", new FileSystemStreamSource(fileName1)));
      TtfFont font1 = (TtfFont) Font.open(fd1);
      
      String fileName2 = Utils.getDataDir() + "Lora-Bold.ttf"; //Font file name with full path
      FontDefinition fd2 = new FontDefinition(FontType.TTF, new FontFileDefinition("ttf", new FileSystemStreamSource(fileName2)));
      TtfFont font2 = (TtfFont) Font.open(fd2);
      
      try {
       drawText("Hello world", font1, 14, java.awt.Color.WHITE, java.awt.Color.BLACK, Utils.getDataDir() + "hello1_montserrat_out.jpg");
       drawText("Hello world", font2, 14, java.awt.Color.YELLOW, java.awt.Color.RED, Utils.getDataDir() + "hello2_lora_out.jpg");
      } catch (Exception ex) {
      	ex.printStackTrace();
      }