เมื่อทํางานกับแกลเลอรี่ภาพรายงานหรือวัสดุการตลาดการรวมรูปภาพมักจะนําไปสู่ความซับซ้อนของภาพ การเพิ่มขอบเขตและฉลากช่วยเพิ่มความชัดเจนและความมืออาชีพโดยการแยกภาพได้อย่างง่ายดายและให้เนื้อหาเช่นวันที่หรือข้อมูลผลิตภัณฑ์ โพสต์บล็อกนี้จะแนะนําคุณผ่านกระบวนการเชื่อมภาพด้วยข้อ จํากัด ที่กําหนดเองและแท็กข้อความโดยใช้ Aspose.Imaging สําหรับ .NET.

บทนํา

Aspose.Imaging for .NET เป็นห้องสมุดที่มีประสิทธิภาพที่ง่ายต่อการประมวลผลของภาพรวมถึงการรวมรูปภาพหลายภาพลงในภาพคอมโพสิตเดียว โดยใช้ API ของ Graphics ผู้พัฒนาสามารถเพิ่มขอบเขตรอบภาพผสมแต่ละภาพและเคลือบข้อความที่กําหนดเองเพื่อให้เนื้อหาหรือข้อมูลเพิ่มเติม.

การสอนนี้จะช่วยให้คุณผ่านกระบวนการของการตั้งค่าสภาพแวดล้อมการพัฒนาของคุณเตรียมภาพสําหรับการผสมผสานสร้างภาพประกอบด้วยขอบเขตและฉลากและบันทึกผลสุดท้าย นอกจากนี้เรายังจะครอบคลุมการปฏิบัติที่ดีที่สุดและเคล็ดลับในการเพิ่มประสิทธิภาพการปรากฏตัวและฟังก์ชั่นขององค์ประกอบภาพของคุณ.

ข้อกําหนด

ก่อนที่จะตกอยู่ในตัวอย่างรหัสให้แน่ใจว่าคุณมีข้อกําหนดต่อไปน:

  • Visual Studio 2019 หรือภายหลัง

  • .NET 6.0 หรือเร็วกว่า (หรือ .Net Framework 4.6.2+)

  • Aspose.Imaging สําหรับ .NET ติดตั้งผ่าน NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • ชุดภาพเพื่อรวมและบันทึก

การดําเนินการขั้นตอนขั้นตอน

ขั้นตอนที่ 1: การตั้งค่าเริ่มต้น

ก่อนอื่นเราต้องเริ่มต้นใบอนุญาตวัดและโหลดไฟล์ input ของเรา.

// Initialize metered license
Metered metered = new Metered();
metered.SetMeteredKey("your-public-key", "your-private-key");

using (Image image1 = Image.Load("path/to/image1.jpg"))
{
    // Load additional images as needed
}

ขั้นตอนที่ 2: การกําหนดขนาดการออก

ต่อไปนี้เราจะคํานวณขนาดการส่งออกขึ้นอยู่กับจํานวนภาพและโครงสร้างที่ต้องการ นอกจากนี้เรายังคิดถึงพื้นที่ที่จําเป็นสําหรับขอบเขตและแท็ก.

int width = image1.Width + borderThickness * 2; // Width including borders
int height = image1.Height + borderThickness * 2; // Height including borders

// Calculate total output dimensions based on number of images and layout (horizontal/vertical)

ขั้นตอนที่ 3: สร้างภาพคอมโพสิต

เราสร้างตัวอย่างของ Image ด้วยขนาดที่คํานวณแล้ววาดภาพแหล่งข้อมูลแต่ละภาพ.

using (Image composite = Image.Create(new JpegOptions(), width * numberOfImages, height))
{
    using (Graphics graphics = new Graphics(composite))
    {
        // Draw images and borders
    }
}

ขั้นตอนที่ 4: เพิ่มขอบเขตให้กับแต่ละภาพ

การใช Graphics class, เราทาสีขอบเขตรอบ ๆ ทุกภาพ.

graphics.DrawRectangle(new Pen(borderColor), x, y, width - borderThickness * 2, height - borderThickness * 2);

ขั้นตอนที่ 5: การเคลือบข้อความที่กําหนดเอง

สุดท้ายเราเพิ่มฉลากข้อความที่กําหนดเองเพื่อให้เนื้อหาหรือข้อมูลเพิ่มเติมสําหรับแต่ละภาพ.

Font font = new Font("Arial", fontSize);
SolidBrush brush = new SolidBrush(textColor);

graphics.DrawString(labelText, font, brush, x + borderThickness, y + height - borderThickness * 2);

ขั้นตอน 6: การบันทึกภาพคอมโพสิตสุดท้าย

เมื่อภาพทั้งหมดถูกรวมและบันทึกเราจะเก็บภาพคอมโพสิตไปยังไฟล.

composite.Save("path/to/output.jpg");

รู้สึกอิสระที่จะทดลองกับโครงสร้างที่แตกต่างกันรูปแบบขอบเขตและตัวเลือก font เพื่อให้ได้ผลภาพที่ต้องการในภาพคอมโพสิตของคุณ.

More in this category