Kada radite s slikama galerija, izvješća, ili marketinške materijale, jednostavno spajanje slika često može dovesti do vizualne zbunjenosti. dodavanje granica i oznaka poboljšava jasnoću i profesionalnost tako što se slike jasno razdvajaju i pružaju kontekst kao što su datumi ili informacije o proizvodu.

Uvod

Aspose.Imaging za .NET je moćna knjižnica koja pojednostavljuje zadatke obrade slike, uključujući spajanje više slika u jednu kompozitnu sliku. koristeći API Graphics, razvijatelji mogu lako dodati granice oko svake mješovite slike i premazati prilagođeni tekst kako bi pružili dodatni kontekst ili informacije.

Ovaj tutorial će vas proći kroz proces postavljanja vašeg razvojnog okruženja, pripreme slika za spajanje, stvaranje sastavne slike s granicama i oznaka, i spašavanje konačnog rezultata.

Preduzeća

Prije potopljenja u primjer kodova, pobrinite se da imate sljedeće uvjete na raspolaganju:

  • Visual Studio 2019 ili kasnije

  • .NET 6.0 ili noviji (ili .Net Framework 4.6.2+)

  • Aspose.Imaging za .NET instaliran putem NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Sastav slika za spajanje i anotaciju

Korak po korak provedba

Korak 1: Početna postavka

Prvo, moramo inicijalizirati mjerene dozvole i preuzeti naše ulazne datoteke.

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

Korak 2: Konfigurirajte veličinu izlaska

Sljedeće, izračunamo veličinu izlaska na temelju broja slika i željene postavke. također računamo za prostor koji je potreban za granice i oznake.

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)

Korak 3: Stvaranje složenog slika

Stvorili smo primjer Image uz izračunanu veličinu, zatim izvući svaku izvornu sliku na nju.

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

Korak 4: Dodavanje granica na svakoj slici

Korištenjem Graphics Razred, stavljamo granicu oko svake slike.

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

Korak 5: Preuzimanje prilagođenih tekstnih oznaka

Konačno, dodamo prilagođene tekstne oznake kako bismo pružili dodatni kontekst ili informacije za svaku sliku.

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

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

Korak 6: Sačuvajte konačnu kompozitnu sliku

Nakon što su sve slike spajane i napisane, sačuvamo kompozitnu sliku u datoteku.

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

Osjećajte se slobodno eksperimentirati s različitim rasporedima, graničnim stilovima i opcijama fontova kako biste postigli željeni vizualni učinak u vašim kompozitnim slikama.

More in this category