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

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

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

1. Реалізуйте методи IGlyphOutlinePainter, створивши клас GlyphOutlinePainter, якому потрібен об’єкт типу System.Drawing.Drawing2D.GraphicsPainter для цілей графічного малювання. Реалізація показана нижче.

// For complete examples and data files, please go to https://github.com/aspose-font/Aspose.Font-for-.NET
class GlyphOutlinePainter : IGlyphOutlinePainter
{ 
    private System.Drawing.Drawing2D.GraphicsPath _path;
    private System.Drawing.PointF _currentPoint;

    public GlyphOutlinePainter(System.Drawing.Drawing2D.GraphicsPath path)
    {
        _path = path;
    }

    public void MoveTo(MoveTo moveTo)
    {
        _path.CloseFigure();
        _currentPoint.X = (float)moveTo.X;
        _currentPoint.Y = (float)moveTo.Y;
    }

    public void LineTo(LineTo lineTo)
    {
        float x = (float)lineTo.X;
        float y = (float)lineTo.Y;
        _path.AddLine(_currentPoint.X, _currentPoint.Y, x, y);
        _currentPoint.X = x;
        _currentPoint.Y = y;
    }

    public void CurveTo(CurveTo curveTo)
    {
        float x3 = (float)curveTo.X3;
        float y3 = (float)curveTo.Y3;

        _path.AddBezier(
                  _currentPoint.X,
                  _currentPoint.Y,
                  (float)curveTo.X1,
                  (float)curveTo.Y1,
                  (float)curveTo.X2,
                  (float)curveTo.Y2,
                  x3,
                  y3);

        _currentPoint.X = x3;
        _currentPoint.Y = y3;
    }

    public void ClosePath()
    {
        _path.CloseFigure();
    }
}

2. Створіть метод 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-.NET
static void DrawText(string text, IFont font, double fontSize,
            Brush backgroundBrush, Brush textBrush, string outFile)
{
    //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.Encoding.DecodeToGid(text[i]);
    // set common drawing settings
    double dpi = 300;

    double resolutionCorrection = dpi / 72; // 72 is font's internal dpi
    // prepare output bitmap
    Bitmap outBitmap = new Bitmap(960, 720);
    outBitmap.SetResolution((float)dpi, (float)dpi);
    Graphics outGraphics = Graphics.FromImage(outBitmap);
    outGraphics.FillRectangle(backgroundBrush, 0, 0, outBitmap.Width, outBitmap.Height);
    outGraphics.SmoothingMode = SmoothingMode.HighQuality;
    //declare coordinate variables and previous gid
    GlyphId previousGid = null;
    double glyphXCoordinate = 0;
    double glyphYCoordinate = fontSize * resolutionCorrection;
    //loop which paints every glyph in gids
    foreach (GlyphId gid in gids)
    {
        // if the font contains the gid
        if (gid != null)
        {
            Glyph glyph = font.GlyphAccessor.GetGlyphById(gid);
            if (glyph == null)
                continue;

            // path that accepts drawing instructions
            GraphicsPath path = new GraphicsPath();

            // Create IGlyphOutlinePainter implementation
            GlyphOutlinePainter outlinePainter = new GlyphOutlinePainter(path);

            // Create the renderer
            Aspose.Font.Renderers.IGlyphRenderer renderer = new
                Aspose.Font.Renderers.GlyphOutlineRenderer(outlinePainter);

            // get common glyph properties
            double kerning = 0;

            // get kerning value
            if (previousGid != null)
            {
                kerning = (font.Metrics.GetKerningValue(previousGid, gid) /
                           glyph.SourceResolution) * fontSize * resolutionCorrection;
                kerning += FontWidthToImageWith(font.Metrics.GetGlyphWidth(previousGid),
                        glyph.SourceResolution, fontSize);
            }

            // 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.FillMode = FillMode.Winding;
            outGraphics.FillPath(textBrush, path);
        }
        //set current gid as previous to get correct kerning for next glyph
        previousGid = gid;
    }
    //Save results
    outBitmap.Save(outFile);
}

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

// For complete examples and data files, please go to https://github.com/aspose-font/Aspose.Font-for-.NET
static double FontWidthToImageWith(double width, int fontSourceResulution, double fontSize, double dpi = 300)
{
    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-.NET
string fileName = dataDir + "courier.pfb"; //Font file name with full path

FontDefinition fd = new FontDefinition(FontType.Type1, new FontFileDefinition("pfb", new FileSystemStreamSource(fileName)));
Type1Font font = Aspose.Font.Font.Open(fd) as Type1Font;
            

DrawText("Hello world", font, 14, Brushes.White, Brushes.Black, dataDir + "hello1_type1_out.jpg");
DrawText("Hello world", font, 14, Brushes.Yellow, Brushes.Red, dataDir + "hello2_type1_out.jpg");