Quan treballes amb galeries d’imatges, informes o materials de màrqueting, simplement fusionar imatges sovint pot conduir a confusió visual. Afegir límits i etiquetes millora la claredat i el professionalisme separant les imatges clarament i proporcionar context com ara dates o informació de producte. Aquest post de blog us guiarà a través del procés de fusejar imatges amb fronteres personalitzades i llavors de text utilitzant Aspose.Imaging per .NET.

Introducció

Aspose.Imaging per a .NET és una poderosa biblioteca que simplifica les tasques de processament d’imatge, incloent la fusió de múltiples imatges en una sola imatge comú.A través de l’API de Gràfics, els desenvolupadors poden afegir fàcilment límits al voltant de cada imatge fusionada i sobreplantar el text personalitzat per proporcionar context o informació addicional.

Aquest tutorial us passarà pel procés de configurar el vostre entorn de desenvolupament, preparar imatges per a la fusió, crear una imatge composta amb fronteres i etiquetes, i salvar la sortida final.

Prerequisits

Abans de submergir-se en els exemples de codi, assegureu-vos que tingueu els següents requisits en lloc:

  • Visual Studio 2019 o més tard

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

  • Aspose.Imaging per a .NET instal·lat a través de NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Un conjunt d’imatges per fusionar i anotar

Implementació de pas a pas

Pas 1: Instal·lació inicial

En primer lloc, hem d’iniciar la llicència mesurada i carregar els nostres fitxers de entrada.

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

Pas 2: Configuració de la mida de sortida

A continuació, calculem la mida de la sortida en funció del nombre d’imatges i el disseny desitjat. també comptem per l’espai requerit per a les fronteres i etiquetes.

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)

Pas 3: Creació de la imatge compost

Creem una instància de Image amb la mida calculada, després dibuixar cada imatge de font en ella.

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

Pas 4: Afegir límits a cada imatge

Utilitzant el Graphics classe, dibuixem una frontera al voltant de cada imatge.

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

Pas 5: Overlay Custom Text Label

Finalment, afegim etiquetes de text personalitzats per proporcionar context o informació addicional per a cada imatge.

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

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

Pas 6: Salvar la imatge composta final

Una vegada que totes les imatges són fusionades i anotades, emmagatzemem la imatge comú en un arxiu.

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

Senta’t lliure d’experimentar amb diferents dissenys, estils fronterers i opcions de fonts per aconseguir l’efecte visual desitjat en les teves imatges composites.

More in this category