Atunci când lucrați cu galerii de imagini, rapoarte sau materiale de marketing, pur și simplu combinarea imaginilor poate duce adesea la confuzie vizuală. Adăugarea frontierelor și etichetelor îmbunătățește claritatea și profesionalismul prin separarea imaginii în mod clar și furnizarea de contexte, cum ar fi date sau informații despre produs. Acest post de blog vă va ghida prin procesul de combinare a imaginelor cu limite personalizate și etikete text folosind Aspose.Imaging pentru .NET.

Introducere

Aspose.Imaging pentru .NET este o bibliotecă puternică care simplifică sarcinile de prelucrare a imaginii, inclusiv combinarea mai multor imagini într-o singură imagine compusă. prin utilizarea API-ului Graphics, dezvoltatorii pot adăuga cu ușurință granițe în jurul fiecărui imagine combinată și supraîncărca textul personalizat pentru a oferi context sau informații suplimentare.

Acest tutorial vă va trece prin procesul de stabilire a mediului de dezvoltare, pregătirea imaginilor pentru fuzionare, crearea unei imagini compuse cu limite și etichete și salvarea rezultatului final.

Prevederile

Înainte de a îneca în exemplele de cod, asigurați-vă că aveți următoarele condiții:

  • Visual Studio 2019 sau mai târziu

  • .NET 6.0 sau mai târziu (sau .Net Framework 4.6.2+)

  • Aspose.Imaging pentru .NET instalat prin NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Un set de imagini pentru a merge și a anota

Implementarea pas cu pas

Pasul 1: Setarea inițială

În primul rând, trebuie să inițializăm licența măsurată și să încărcăm fișierele noastre de intrare.

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

Pasul 2: Configurarea dimensiunii de ieșire

Următor, calculăm dimensiunea de ieșire pe baza numărului de imagini și a layoutului dorit.

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)

Pasul 3: Crearea imaginii complexe

Noi creăm o situaţie de Image cu dimensiunea calculată, apoi trageți fiecare imagine de sursă pe ea.

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

Pasul 4: Adăugați limite la fiecare imagine

Folosind Graphics Clasa, desenăm o graniță în jurul fiecărei imagini.

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

Pasul 5: Supraîncărcarea etichetelor text personalizate

În cele din urmă, adăugăm etichete text personalizate pentru a oferi context sau informații suplimentare pentru fiecare imagine.

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

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

Pasul 6: Salvați imaginea finală compusă

Odată ce toate imaginile sunt combinate și anotate, stocăm imaginea compusă într-un fișier.

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

Simți-vă liber să experimentați cu diferite layouturi, stiluri de frontieră și opțiuni de font pentru a obține efectul vizual dorit în imaginile dvs. compuse.

More in this category