Bij het werken met beeldgalleries, rapporten of marketingmateriaal kan het gewoon combineren van afbeeldingen vaak leiden tot visuele verwarring. het toevoegen van grenzen en etiketten verbetert de helderheid en professionalisme door duidelijk af te scheiden van beelden en het verstrekken van context zoals data of productinformatie. Dit blogpost zal u begeleiden door het proces van fusie van foto’s met aangepaste grens en tekstetiketten met behulp van Aspose.Imaging voor .NET.

Introductie

Aspose.Imaging voor .NET is een krachtige bibliotheek die beeldverwerking taken vereenvoudigt, met inbegrip van het combineren van meerdere afbeeldingen in één compact beeld. Door het leveren van de Graphics API, kunnen ontwikkelaars gemakkelijk grenzen toevoegen rond elk gemengde beeld en overlijden aangepaste tekst om extra context of informatie te bieden.

Deze tutorial zal u doorgaan door het proces van het opstellen van uw ontwikkelingsomgeving, het voorbereiden van afbeeldingen voor fusie, creëren een composiet beeld met grenzen en labels, en het uiteindelijke resultaat te besparen.

Voorwaarden

Voordat u in de code voorbeelden duwt, zorg ervoor dat u de volgende voorwaarden hebt:

  • Visual Studio 2019 of later

  • .NET 6.0 of later (of .Net Framework 4.6.2+)

  • Aspose.Imaging voor .NET geïnstalleerd via NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Een set van afbeeldingen om te fuseren en te annoteren

Stap voor stap implementatie

Stap 1: Initiële installatie

Ten eerste moeten we de gemeten licentie initialiseren en onze inputbestanden opladen.

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

Stap 2: Configureren van de uitgangsgrootte

Vervolgens berekenen we de uitkomstgrootte op basis van het aantal afbeeldingen en de gewenste layout. We rekenen ook op de ruimte die nodig is voor grenzen en etiketten.

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)

Stap 3: Het maken van de Composite Image

We creëren een instantie van Image met de berekende grootte, dan draag elke bronbeeld op het.

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

Stap 4: Voeg grenzen toe aan elke afbeelding

Met behulp van de Graphics Klassen, we trekken een grens rond elke afbeelding.

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

Stap 5: Overlijden van aangepaste tekstlabel

Ten slotte voegen we aangepaste tekstlabels toe om extra context of informatie voor elke afbeelding te bieden.

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

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

Stap 6: Het opslaan van het eindcomposite beeld

Zodra alle afbeeldingen zijn samengevoegd en opgenomen, slaan we het composiet beeld op in een bestand.

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

Voel je vrij om te experimenteren met verschillende layouts, grensstijlen en lettertypen opties om de gewenste visuele effect te bereiken in je compacte afbeeldingen.

More in this category