แสดงข้อความโดยใช้แบบอักษร

ใน โพสต์ก่อนหน้า คุณได้เห็นวิธีใช้ Aspose.Font for .NET API สำหรับการโหลดและบันทึก CFF, TrueType และ Type1 แบบอักษรโดยทางโปรแกรม ในบทความนี้ คุณจะได้เรียนรู้วิธีแสดงข้อความด้วยฟอนต์ TrueType และ Type1 โดยใช้ C# ตัวอย่างโค้ดจะแสดงวิธีสร้างรูปภาพ JPG ตามข้อความที่ให้ไว้

.NET Font Rendering API - การติดตั้ง

Aspose.Font for .NET มีกลไกการแสดงผลแบบอักษรที่มีประสิทธิภาพเพื่อแสดงผลข้อความโดยใช้แบบอักษร TrueType และ Type1 คุณสามารถ ดาวน์โหลด API หรือติดตั้งโดยใช้ NuGet

PM> Install-Package Aspose.Font

ใช้อินเทอร์เฟซการแสดงผลข้อความ

เพื่อให้การแสดงผลข้อความสำเร็จ Aspose.Font for .NET มีอินเทอร์เฟซ IGlyphOutlinePainter เพื่อวาดสัญลักษณ์ ขั้นตอนต่อไปนี้สาธิตวิธีนำเมธอดไปใช้ใน IGlyphOutlinePainter

  • ใช้เมธอดอินเทอร์เฟซ IGlyphOutlinePainter โดยใช้คลาส GlyphOutlinePainter ซึ่งต้องใช้วัตถุประเภท System.Drawing.Drawing2D.GraphicsPath สำหรับการวาดกราฟิก
// สำหรับตัวอย่างและไฟล์ข้อมูลทั้งหมด โปรดไปที่ 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();
    }
}
  • สร้างวิธีการใหม่ DrawText() เพื่อวาดข้อความลงในวัตถุ System.Drawing.Bitmap
// สำหรับตัวอย่างและไฟล์ข้อมูลทั้งหมด โปรดไปที่ https://github.com/aspose-font/Aspose.Font-for-.NET
static void DrawText(string text, IFont font, double fontSize,
            Brush backgroundBrush, Brush textBrush, string outFile)
{
    //รับตัวระบุสัญลักษณ์สำหรับทุกสัญลักษณ์ในบรรทัดข้อความ
    GlyphId[] gids = new GlyphId[text.Length];
   for (int i = 0; i < text.Length; i++)
        gids[i] = font.Encoding.DecodeToGid(text[i]);
    // ตั้งค่าการวาดทั่วไป
    double dpi = 300;

    double resolutionCorrection = dpi / 72; // 72 is font's internal dpi
    // เตรียมบิตแมปเอาต์พุต
    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;
    //ประกาศตัวแปรพิกัดและ gid ก่อนหน้า
    GlyphId previousGid = null;
    double glyphXCoordinate = 0;
    double glyphYCoordinate = fontSize * resolutionCorrection;
    //วนซ้ำซึ่งวาดภาพทุกสัญลักษณ์ใน gids
    foreach (GlyphId gid in gids)
    {
        // หากแบบอักษรมี gid
        if (gid != null)
        {
            Glyph glyph = font.GlyphAccessor.GetGlyphById(gid);
            if (glyph == null)
                continue;

            // เส้นทางที่ยอมรับคำแนะนำการวาดภาพ
            GraphicsPath path = new GraphicsPath();

            // สร้างการใช้งาน IGlyphOutlinePainter
            GlyphOutlinePainter outlinePainter = new GlyphOutlinePainter(path);

            // สร้างตัวเรนเดอร์
            Aspose.Font.Renderers.IGlyphRenderer renderer = new
                Aspose.Font.Renderers.GlyphOutlineRenderer(outlinePainter);

            // รับคุณสมบัติของสัญลักษณ์ทั่วไป
            double kerning = 0;

            // รับค่าการจัดช่องไฟ
            if (previousGid != null)
            {
                kerning = (font.Metrics.GetKerningValue(previousGid, gid) /
                           glyph.SourceResolution) * fontSize * resolutionCorrection;
                kerning += FontWidthToImageWith(font.Metrics.GetGlyphWidth(previousGid),
                        glyph.SourceResolution, fontSize);
            }

            // ตำแหน่งสัญลักษณ์ - เพิ่มพิกัดสัญลักษณ์ X ตามระยะการจัดช่องไฟ
            glyphXCoordinate += kerning;

            // เมทริกซ์ตำแหน่งสัญลักษณ์
            TransformationMatrix glyphMatrix =
                new TransformationMatrix(
                    new double[]
                            {
                                    fontSize*resolutionCorrection,
                                    0,
                                    0,
                                // ลบเนื่องจากระบบพิกัดบิตแมปเริ่มต้นจากด้านบน
                                    - fontSize*resolutionCorrection,
                                    glyphXCoordinate,
                                    glyphYCoordinate
                            });

            // แสดงสัญลักษณ์ปัจจุบัน
            renderer.RenderGlyph(font, gid, glyphMatrix);
            // เติมเส้นทาง
            path.FillMode = FillMode.Winding;
            outGraphics.FillPath(textBrush, path);
        }
        //ตั้งค่า gid ปัจจุบันเป็นก่อนหน้าเพื่อรับการจัดช่องไฟที่ถูกต้องสำหรับสัญลักษณ์ถัดไป
        previousGid = gid;
    }
    //บันทึกผลลัพธ์
    outBitmap.Save(outFile);
}
  • กำหนดวิธีอรรถประโยชน์เพื่อคำนวณความกว้างของแบบอักษรตามความกว้างของรูปภาพ
// สำหรับตัวอย่างและไฟล์ข้อมูลทั้งหมด โปรดไปที่ 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;
}

แสดงผลข้อความด้วย TrueType Font โดยใช้ C#

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีใช้การใช้งานที่กล่าวถึงข้างต้นเพื่อแสดงข้อความด้วยฟอนต์ TrueType โดยใช้ C#

// สำหรับตัวอย่างและไฟล์ข้อมูลทั้งหมด โปรดไปที่ https://github.com/aspose-font/Aspose.Font-for-.NET
string dataDir = RunExamples.GetDataDir_Data();

string fileName1 = dataDir + "Montserrat-Bold.ttf"; //Font file name with full path
FontDefinition fd1 = new FontDefinition(FontType.TTF, new FontFileDefinition("ttf", new FileSystemStreamSource(fileName1)));
TtfFont ttfFont1 = Aspose.Font.Font.Open(fd1) as TtfFont;
            
string fileName2 = dataDir + "Lora-Bold.ttf"; //Font file name with full path
FontDefinition fd2 = new FontDefinition(FontType.TTF, new FontFileDefinition("ttf", new FileSystemStreamSource(fileName2)));
TtfFont ttfFont2 = Aspose.Font.Font.Open(fd2) as TtfFont;

DrawText("Hello world", ttfFont1, 14, Brushes.White, Brushes.Black, dataDir + "hello1_montserrat_out.jpg");
DrawText("Hello world", ttfFont2, 14, Brushes.Yellow, Brushes.Red, dataDir + "hello2_lora_out.jpg");

เรนเดอร์ข้อความด้วยฟอนต์ Type1 โดยใช้ C#

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีแสดงข้อความด้วยฟอนต์ Type1 โดยใช้ C#

// สำหรับตัวอย่างและไฟล์ข้อมูลทั้งหมด โปรดไปที่ 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");

บทสรุป

ในบทความนี้ คุณได้เรียนรู้วิธีการใช้การแสดงผลข้อความด้วยฟอนต์ TrueType หรือ Type1 โดยใช้ C# ตัวอย่างโค้ดแสดงวิธีสร้างภาพ JPG ตามข้อความที่ให้มา คุณสามารถสำรวจเพิ่มเติมเกี่ยวกับ Aspose.Font for .NET โดยใช้ เอกสารประกอบ

ดูสิ่งนี้ด้วย