När du arbetar med bildgallerier, rapporter eller marknadsföringsmaterial kan helt enkelt sammanslagning av bilder ofta leda till visuell förvirring. Lägga till gränser och etiketter förbättrar klarhet och professionalism genom att skilja bilder tydligt och ge sammanhang som datum eller produktinformation. Denna bloggpost kommer att vägleda dig genom processen att sammensätta bilder med anpassade gränder och textetiketter med hjälp av Aspose.Imaging för .NET.

Introduktion

Aspose.Imaging för .NET är ett kraftfullt bibliotek som förenklar bildbearbetningsuppgifter, inklusive att kombinera flera bilder i en komposit bild. Genom att använda sin Graphics API kan utvecklare enkelt lägga till gränser runt varje blandad bild och överlämna anpassad text för att ge ytterligare sammanhang eller information.

Denna handledning kommer att gå igenom processen att ställa in din utvecklingsmiljö, förbereda bilder för fusion, skapa en komposit bild med gränser och etiketter, och spara den slutliga utgången.

förutsättningar

Innan du dyker in i kodexemplen, se till att du har följande förutsättningar på plats:

  • Visual Studio 2019 eller senare

  • .NET 6.0 eller senare (eller .NET Framework 4.6.2+)

  • Aspose.Imaging för .NET installerat via NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • En uppsättning bilder att fusionera och anteckna

Steg för steg genomförande

Steg 1: Inledande inställning

Först måste vi initialisera den mätade licensen och ladda våra inmatningsfiler.

// 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: Konfigurera utgångsstorlek

Därefter beräknar vi utgångsstorleken baserat på antalet bilder och önskad layout. Vi räknar också med utrymme som krävs för gränser och 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)

Steg 3: Skapa den kompositiva bilden

Vi skapar en instans av Image med den beräknade storleken, dra sedan varje källbild på den.

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

Steg 4: Lägga till gränser till varje bild

Genom att använda den Graphics Klass, vi drar en gräns runt varje bild.

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

Steg 5: Överlämna anpassade textetiketter

Slutligen lägger vi till anpassade textetiketter för att ge ytterligare sammanhang eller information för varje bild.

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

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

Steg 6: Spara den slutliga kompositbilden

När alla bilder kombineras och noteras, sparar vi den kompositbild till en fil.

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

Känn dig fri att experimentera med olika layouter, gränsstilar och fontalternativ för att uppnå den önskade visuella effekten i dina kompositbilder.

More in this category