Når du arbeider med bildergallerier, rapporter eller markedsføringsmaterialer, kan bare fusioner bilder ofte føre til visuell forvirring. Legg til grenser og etiketter forbedrer klarhet og profesjonalitet ved å skille bilder klart og gi kontekst som datoer eller produktinformasjon. Denne blogginnlegget vil veilede deg gjennom prosessen med fusjon av bilder med tilpassede grenser og tekstetiketter ved hjelp av Aspose.Imaging for .NET.

Introduction

Aspose.Imaging for .NET er en kraftig bibliotek som forenkler bildebehandlingsoppgaver, inkludert å kombinere flere bilder i ett kompositt bilde. Ved å utnytte grafikk API, kan utviklere enkelt legge til grenser rundt hver blandet bilde og overlappe tilpasset tekst for å gi ytterligere kontekst eller informasjon.

Denne veiledningen vil gå deg gjennom prosessen med å sette opp utviklingsmiljøet ditt, forberede bilder for fusjon, skape et kompositt bilde med grenser og etiketter, og spare den endelige utgaven.

Prerequisites

Før du dykker inn i kodeksemplene, sørg for at du har følgende forutsetninger på plass:

  • Visual Studio 2019 eller senere

  • .NET 6.0 eller nyere (eller .Net Framework 4.6.2+)

  • Aspose.Imaging for .NET installert via NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Et sett med bilder til å fusjonere og annotere

Step-by-step implementering

Steg 1: Initial innstilling

For det første må vi initialisere målt lisens og laste inn innføringsfiler.

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

Steg 2: Konfigurere utgangsstørrelsen

Deretter beregner vi utgangsstørrelsen basert på antall bilder og ønsket layout. Vi regner også med plass som kreves for grenser og etiketter.

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)

Trinn 3: Å lage komposittbilde

Vi skaper et eksempel på Image med den beregnet størrelsen, deretter trekke hver kildebilde på den.

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

Steg 4: Legg til grenser til hvert bilde

Ved å bruke den Graphics Klassen, vi tegner en grense rundt hvert bilde.

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

Steg 5: Overlappe tilpasset tekst etiketter

Til slutt legger vi til tilpassede tekstetiketter for å gi ytterligere kontekst eller informasjon for hvert bilde.

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

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

Steg 6: Spare den endelige komposittbilde

Når alle bildene er fusjonert og notert, lagrer vi det komposite bildet til en fil.

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

Føl deg fri til å eksperimentere med forskjellige layouter, grensestiler og fontalternativer for å oppnå den ønskede visuelle effekten i dine kompositbilder.

More in this category