Khi làm việc với các galeries hình ảnh, báo cáo, hoặc tài liệu tiếp thị, chỉ đơn giản là kết hợp các bức ảnh thường có thể dẫn đến sự nhầm lẫn trực quan. Thêm giới hạn và nhãn hiệu tăng cường độ rõ ràng và chuyên nghiệp bằng cách phân tách các ảnh một cách rõ rệt và cung cấp bối cảnh như ngày hoặc thông tin sản phẩm. Bài viết trên blog này sẽ hướng dẫn bạn thông qua quá trình kết nối các Hình ảnh với biên giới tùy chỉnh và thẻ văn bản sử dụng Aspose.Imaging cho .NET.

Giới thiệu

Aspose.Imaging for .NET là một thư viện mạnh mẽ mà đơn giản hóa các nhiệm vụ xử lý hình ảnh, bao gồm kết hợp nhiều bức ảnh vào một bức tranh phức tạp.Bằng cách sử dụng API Graphics của nó, các nhà phát triển có thể dễ dàng thêm giới hạn xung quanh mỗi bức hình nhúng và vượt qua văn bản tùy chỉnh để cung cấp bối cảnh hoặc thông tin bổ sung.

Hướng dẫn này sẽ hướng dẫn bạn thông qua quá trình thiết lập môi trường phát triển của bạn, chuẩn bị hình ảnh để kết hợp, tạo ra một bức ảnh phức tạp với biên giới và nhãn, và tiết kiệm kết quả cuối cùng.

Nguyên tắc

Trước khi đi vào ví dụ mã, hãy đảm bảo rằng bạn có các yêu cầu sau đây:

  • Visual Studio 2019 hoặc sau

  • .NET 6.0 hoặc mới hơn (hoặc .Net Framework 4.6.2+)

  • Aspose.Imaging cho .NET được cài đặt thông qua NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Một bộ hình ảnh để kết hợp và ghi lại

Chế độ thực hiện từng bước

Bước 1: Cài đặt ban đầu

Đầu tiên, chúng ta cần khởi động giấy phép đo lường và tải các tệp nhập của chúng tôi.

// 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
}

Bước 2: Thiết lập kích thước output

Tiếp theo, chúng tôi tính toán kích thước xuất khẩu dựa trên số lượng hình ảnh và bố trí mong muốn. Chúng tôi cũng tính đến không gian cần thiết cho biên giới và nhãn.

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)

Bước 3: Tạo hình ảnh phức tạp

Chúng tôi tạo ra một trường hợp Image với kích thước tính toán, sau đó vẽ mỗi hình ảnh nguồn trên nó.

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

Bước 4: Thêm giới hạn cho mỗi hình ảnh

Sử dụng The Graphics lớp, chúng tôi vẽ một biên giới xung quanh mỗi hình ảnh.

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

Bước 5: Xác định nhãn văn bản tùy chỉnh

Cuối cùng, chúng tôi thêm nhãn văn bản tùy chỉnh để cung cấp bối cảnh hoặc thông tin bổ sung cho mỗi hình ảnh.

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

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

Bước 6: Tiết kiệm hình ảnh kết hợp cuối cùng

Một khi tất cả các hình ảnh được pha trộn và ghi lại, chúng tôi sẽ lưu ảnh phức tạp vào một tệp.

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

Hãy cảm thấy tự do để thử nghiệm với các bố trí khác nhau, phong cách biên giới và các tùy chọn phông để đạt được hiệu ứng thị giác mong muốn trong hình ảnh phức tạp của bạn.

More in this category