Ketika bekerja dengan galeri gambar, laporan, atau materi pemasaran, hanya menggabungkan gambar sering dapat menyebabkan kekeliruan visual. Menambahkan batas dan label meningkatkan kejelasan dan profesionalisme dengan memisahkan gambar dengan jelas dan memberikan konteks seperti tanggal atau informasi produk. Posting blog ini akan membimbing Anda melalui proses penggabungan imej dengan batas tersuai dan tag teks menggunakan Aspose.Imaging untuk .NET.

Pengenalan

Aspose.Imaging untuk .NET adalah perpustakaan yang kuat yang menyederhanakan tugas pemrosesan gambar, termasuk menggabungkan beberapa gambar ke dalam satu gambar komposit.Dengan memanfaatkan API Grafisnya, pengembang dapat dengan mudah menambahkan batas di sekitar setiap gambar gabungan dan melewati teks tersuai untuk memberikan konteks atau informasi tambahan.

Tutorial ini akan berjalan Anda melalui proses mengatur lingkungan pengembangan Anda, mempersiapkan gambar untuk penggabungan, menciptakan gambar komposit dengan sempadan dan label, dan menyelamatkan hasil akhir.

Persyaratan

Sebelum menyelam ke dalam contoh kode, pastikan Anda memiliki persyaratan berikut:

  • Visual Studio 2019 atau lebih lanjut

  • .NET 6.0 atau lebih baru (atau .Net Framework 4.6.2+)

  • Aspose.Imaging untuk .NET diinstal melalui NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Sebuah set gambar untuk menggabungkan dan mencatat

Implementasi langkah demi langkah

Langkah 1: Setup awal

Pertama, kita perlu memulai lisensi yang diukur dan mengisi file input kami.

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

Langkah 2: Mengkonfigurasi ukuran output

Selanjutnya, kami menghitung ukuran output berdasarkan jumlah gambar dan tata letak yang diinginkan. kami juga memperhitungkan ruang yang diperlukan untuk batas dan label.

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)

Langkah 3: Membuat gambar komposit

Kami membuat contoh dari Image dengan ukuran yang dihitung, kemudian tarik setiap gambar sumber di atasnya.

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

Langkah 4: Menambahkan sempadan ke setiap gambar

Dengan menggunakan Graphics Kelas, kita melukis batas di sekitar setiap gambar.

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

Langkah 5: Mengisi label teks yang disesuaikan

Akhirnya, kami menambahkan label teks tersuai untuk memberikan konteks atau informasi tambahan untuk setiap gambar.

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

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

Langkah 6: Menyelamatkan gambar komposit akhir

Setelah semua gambar digabungkan dan dicatat, kami menyimpan gambar komposit ke dalam file.

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

Rasakan bebas untuk bereksperimen dengan berbagai tataletak, gaya sempadan, dan opsi font untuk mencapai efek visual yang diinginkan dalam gambar komposit Anda.

More in this category