Renderização de texto usando a fonte Type1 | .NET

Renderizando texto

Para renderizar texto com o renderizador de contorno de glifos, implemente a interface Aspose.Font.Rendering.IGlyphOutlinePainter e use-a para criar os caminhos dos glifos individuais.

1. Crie uma classe Type1GlyphOutlinePainter que aceite um System.Drawing.Drawing2D.GraphicsPath. Seus métodos convertem os comandos de contorno da fonte em linhas e curvas de Bézier nesse caminho.

// Implement a painter that builds a graphics path from a glyph outline

internal sealed class Type1GlyphOutlinePainter : IGlyphOutlinePainter
{
    private readonly GraphicsPath path;
    private PointF currentPoint;

    public Type1GlyphOutlinePainter(GraphicsPath path)
    {
        this.path = path;
    }

    public void MoveTo(MoveTo moveTo)
    {
        path.CloseFigure();
        currentPoint = new PointF((float)moveTo.X, (float)moveTo.Y);
    }

    public void LineTo(LineTo lineTo)
    {
        PointF nextPoint = new PointF((float)lineTo.X, (float)lineTo.Y);
        path.AddLine(currentPoint, nextPoint);
        currentPoint = nextPoint;
    }

    public void CurveTo(CurveTo curveTo)
    {
        PointF nextPoint = new PointF((float)curveTo.X3, (float)curveTo.Y3);
        path.AddBezier(
            currentPoint,
            new PointF((float)curveTo.X1, (float)curveTo.Y1),
            new PointF((float)curveTo.X2, (float)curveTo.Y2),
            nextPoint);
        currentPoint = nextPoint;
    }

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

2. Crie um método DrawText() que desenhe texto em um System.Drawing.Bitmap e o salve como arquivo PNG. O método executa as seguintes operações:

• Decodifica cada caractere do texto em um ID de glifo.
• Cria um bitmap de 960 × 720 a 300 DPI, preenche o fundo e ativa a suavização de alta qualidade.
• Para cada glifo, adiciona à posição horizontal o avanço do glifo anterior e o valor de kerning do par.
• Cria um GraphicsPath, um Type1GlyphOutlinePainter e um GlyphOutlineRenderer para o glifo atual.
• Usa uma TransformationMatrix para dimensionar e posicionar o glifo e preenche o caminho com o pincel de texto solicitado.
• Salva explicitamente o bitmap como PNG. O bitmap, o objeto gráfico e os caminhos dos glifos são liberados após o uso.

A linha de base permanece constante neste exemplo. A coordenada horizontal acumula o avanço e o kerning do glifo anterior. FontWidthToImageWidth() converte unidades de fonte em pixels usando a resolução de origem, o tamanho da fonte e o DPI.

A implementação de DrawText() é mostrada abaixo.

// Render text into a bitmap with a custom glyph outline painter

private static void DrawText(string text, IFont font, double fontSize,
    Brush backgroundBrush, Brush textBrush, string outputFile)
{
    GlyphId[] glyphIds = text
        .Select(character => font.Encoding.DecodeToGid(character))
        .ToArray();
    const double dpi = 300;
    double resolutionCorrection = dpi / 72;

    using var outputBitmap = new Bitmap(960, 720);
    outputBitmap.SetResolution((float)dpi, (float)dpi);
    using Graphics outputGraphics = Graphics.FromImage(outputBitmap);
    outputGraphics.FillRectangle(backgroundBrush, 0, 0, outputBitmap.Width, outputBitmap.Height);
    outputGraphics.SmoothingMode = SmoothingMode.HighQuality;

    GlyphId? previousGlyphId = null;
    double glyphXCoordinate = 0;
    double glyphYCoordinate = fontSize * resolutionCorrection;

    foreach (GlyphId glyphId in glyphIds)
    {
        Glyph glyph = font.GlyphAccessor.GetGlyphById(glyphId);
        if (glyph == null)
            continue;

        if (previousGlyphId != null)
        {
            double kerning = font.Metrics.GetKerningValue(previousGlyphId, glyphId)
                / (double)glyph.SourceResolution * fontSize * resolutionCorrection;
            double advance = FontWidthToImageWidth(
                font.Metrics.GetGlyphWidth(previousGlyphId),
                glyph.SourceResolution,
                fontSize,
                dpi);
            glyphXCoordinate += kerning + advance;
        }

        using var path = new GraphicsPath();
        var outlinePainter = new Type1GlyphOutlinePainter(path);
        IGlyphRenderer renderer = new GlyphOutlineRenderer(outlinePainter);
        var glyphMatrix = new TransformationMatrix(new double[]
        {
            fontSize * resolutionCorrection,
            0,
            0,
            -fontSize * resolutionCorrection,
            glyphXCoordinate,
            glyphYCoordinate
        });

        renderer.RenderGlyph(font, glyphId, glyphMatrix);
        path.FillMode = FillMode.Winding;
        outputGraphics.FillPath(textBrush, path);
        previousGlyphId = glyphId;
    }

    outputBitmap.Save(outputFile, ImageFormat.Png);
}

3. Adicione o método utilitário que converte uma largura em unidades de fonte para pixels da imagem.

// Convert a width in font units to pixels

private static double FontWidthToImageWidth(double width, int fontSourceResolution,
    double fontSize, double dpi = 300)
{
    double resolutionCorrection = dpi / 72;
    return width / fontSourceResolution * fontSize * resolutionCorrection;
}

Chamar a funcionalidade de renderização de texto

O exemplo a seguir carrega Type1/courier.pfb de DataDir, renderiza o mesmo texto com dois esquemas de cores e grava os dois arquivos PNG em OutputDir.

// Load a Type1 font and render text in two color schemes

string fileName = Path.Combine(DataDir, "Type1", "courier.pfb");
FontDefinition fontDefinition = new FontDefinition(
    FontType.Type1,
    new FontFileDefinition("pfb", new FileSystemStreamSource(fileName)));

Type1Font? font = Aspose.Font.Font.Open(fontDefinition) as Type1Font;
if (font == null)
    throw new InvalidOperationException("Unable to load the Type1 font.");

string firstOutput = Path.Combine(OutputDir, "hello1_type1_out.png");
string secondOutput = Path.Combine(OutputDir, "hello2_type1_out.png");
DrawText("Hello world", font, 14, Brushes.White, Brushes.Black, firstOutput);
DrawText("Hello world", font, 14, Brushes.Yellow, Brushes.Red, secondOutput);