Quando si lavora con le gallerie di immagini, i rapporti o i materiali di marketing, semplicemente unire le immagini può spesso portare a confusione visiva. Aggiungere confini e etichette migliora la chiarezza e il professionalismo separando le foto chiaramente e forniscendo contesto come le date o le informazioni sul prodotto. Questo post del blog vi guiderà attraverso il processo di unificazione delle immagini con limiti personalizzati e tag di testo utilizzando Aspose.Imaging per .NET.

Introduzione

Aspose.Imaging per .NET è una potente libreria che semplifica le attività di elaborazione dell’immagine, tra cui la fusione di più immagini in una sola immagine composita. utilizzando la sua API Graphics, gli sviluppatori possono facilmente aggiungere confini intorno a ogni foto mista e superare il testo personalizzato per fornire ulteriori contesti o informazioni.

Questo tutorial vi guiderà attraverso il processo di configurare il vostro ambiente di sviluppo, preparando le immagini per la fusione, creando un’immagine composita con frontiere e etichette, e risparmiando il risultato finale.

Prerequisiti

Prima di nuotare nell’esempio di codice, assicurarsi che si dispongano dei seguenti requisiti:

  • Visual Studio 2019 o successivo

  • .NET 6.0 o successivo (o .Net Framework 4.6.2+)

  • Aspose.Imaging per .NET installato tramite NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Un insieme di immagini da fusione e annotare

Implementazione passo dopo passo

Passo 1: Impostazione iniziale

Prima di tutto, dobbiamo inizializzare la licenza misurata e caricare i nostri file di input.

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

Passo 2: Configurare la dimensione di uscita

Successivamente, calcoliamo la dimensione di uscita in base al numero di immagini e al layout desiderato. ci conta anche lo spazio richiesto per i confini e le etichette.

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)

Passo 3: Creare l’immagine composita

Creiamo un esempio di Image con la dimensione calcolata, poi disegnare su di esso ogni immagine sorgente.

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

Passo 4: Aggiungi limiti a ogni immagine

Utilizzando il Graphics La classe, stiamo tracciando un confine intorno a ogni immagine.

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

Passo 5: Rimuovere le etichette di testo personalizzate

Infine, aggiungiamo etichette di testo personalizzate per fornire contesto o informazioni aggiuntive per ogni immagine.

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

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

Passo 6: Salva l’immagine composita finale

Una volta che tutte le immagini sono combinate e annotate, salviamo l’immagine composita in un file.

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

Senti libero di sperimentare con diversi layout, stili di frontiera e opzioni di font per ottenere l’effetto visivo desiderato nelle tue immagini composite.

More in this category