Lorsque vous travaillez avec des galeries d’images, des rapports ou des matériaux de marketing, simplement mélanger des images peut souvent conduire à la confusion visuelle. Ajouter des frontières et des étiquettes améliore la clarté et le professionnalisme en séparant les images clairement et en fournissant un contexte tels que les dates ou les informations sur le produit. Cet article de blog vous guidera au travers du processus de mélangement des photos avec les limites personnalisées et les labels de texte en utilisant Aspose.Imaging pour .NET.

Introduction

Aspose.Imaging pour .NET est une bibliothèque puissante qui simplifie les tâches de traitement de l’image, y compris la fusion de plusieurs images dans une image composite. En utilisant son API Graphics, les développeurs peuvent facilement ajouter des limites autour de chaque image combinée et surcharger le texte personnalisé pour fournir un contexte ou des informations supplémentaires.

Ce tutoriel vous parcourra le processus de configuration de votre environnement de développement, de préparer les images pour la fusion, créer une image composite avec des frontières et des étiquettes, et d’économiser la sortie finale.

Principaux

Avant de vous plonger dans les exemples de code, assurez-vous que vous avez les conditions préalables suivantes:

  • Visual Studio 2019 ou ultérieur

  • .NET 6.0 ou ultérieur (ou .Net Framework 4.6.2+)

  • Aspose.Imaging pour .NET installé via NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Un ensemble d’images à fusionner et à annoter

La mise en œuvre étape par étape

Étape 1 : Configuration initiale

Tout d’abord, nous devons initialiser la licence mesurée et charger nos fichiers entrants.

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

Étape 2 : Configurer la taille de sortie

Ensuite, nous calculons la taille de sortie en fonction du nombre d’images et du layout souhaité. Nous comptons également pour l’espace requis pour les frontières et les étiquettes.

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)

Étape 3 : Créer l’image composite

Nous créons une instance de Image avec la taille calculée, puis dessiner chaque image source sur elle.

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

Étape 4 : Ajouter des limites à chaque image

En utilisant le Graphics La classe, nous dessinons une frontière autour de chaque image.

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

Étape 5: Supprimer les étiquettes de texte personnalisées

Enfin, nous ajoutons des étiquettes textes personnalisées pour fournir un contexte ou des informations supplémentaires pour chaque image.

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

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

Étape 6 : sauvegarder l’image composite finale

Une fois que toutes les images sont fusionnées et annotées, nous enregistrons l’image composite dans un fichier.

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

Sentez-vous libre d’expérimenter avec différents layouts, styles de frontière et options de caractères pour obtenir l’effet visuel souhaité dans vos images composites.

More in this category