Bei der Arbeit mit Bildgalerien, Berichten oder Marketingmaterialien kann die einfache Mischung von Bildern oft zu visueller Verwirrung führen. Die Ergänzung von Grenzen und Etiketten verbessert die Klarheit und Professionalität, indem Sie Bilder eindeutig trennen und Kontext wie Datum oder Produktinformationen bereitstellen. Dieser Blog-Post wird Sie durch den Prozess der Mischen der Bilder mit benutzerdefinierten Limits und Textetiketten mit Aspose.Imaging für .NET leiten.

Einführung

Aspose.Imaging für .NET ist eine leistungsfähige Bibliothek, die Bildverarbeitung Aufgaben vereinfacht, einschließlich der Kombination von mehreren Bildern in eine zusammengeführte Bild. Durch die Nutzung der Graphics API können Entwickler leicht Grenzen rund um jede gesammelte Bild hinzufügen und benutzerdefinierte Text übertragen, um zusätzliche Kontext oder Informationen zu bieten.

Dieses Tutorial wird Sie durch den Prozess der Einstellung Ihrer Entwicklungsumgebung, Vorbereitung von Bildern für die Fusion, Erstellung eines kompositbildes mit Grenzen und Etiketten, und die endgültige Ausgabe sparen.

Voraussetzung

Bevor Sie in die Code Beispiele schwimmen, stellen Sie sicher, dass Sie die folgenden Voraussetzungen vor Ort haben:

  • Visual Studio 2019 oder später

  • .NET 6.0 oder höher (oder .Net Framework 4.6.2+)

  • Aspose.Imaging für .NET über NuGet Package Manager installiert

PM> Install-Package Aspose.Imaging
  • Eine Reihe von Bildern zu fusionieren und zu annotieren

Schritt für Schritt Implementierung

Schritt 1: Initial Setup

Zunächst müssen wir die gemessenen Lizenz initialisieren und unsere Eingabedateien laden.

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

Schritt 2: Konfigurieren der Ausgangsgröße

Nachfolgend berechnen wir die Ausgangsgröße auf der Grundlage der Anzahl der Bilder und des gewünschten Layouts. Wir berücksichtigen auch den erforderlichen Raum für Grenzen und 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)

Schritt 3: Erstellen des komplexen Bildes

Wir erzeugen ein Beispiel für Image mit der berechneten Größe, dann ziehen Sie jedes Quellbild darauf.

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

Schritt 4: Grenzen zu jedem Bild hinzufügen

Mit der Verwendung der Graphics Klasse, wir ziehen eine Grenze um jedes Bild.

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

Schritt 5: Übersetzen von benutzerdefinierten Textlabeln

Schließlich fügen wir benutzerdefinierte Textlabel hinzu, um für jedes Bild zusätzliche Kontext oder Informationen zu bieten.

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

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

Schritt 6: Speichern Sie das endgültige Composite Bild

Sobald alle Bilder zusammengefasst und angegeben sind, speichern wir das kompozite Bild in eine Datei.

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

Fühlen Sie sich frei, mit verschiedenen Layouts, Grenzstilen und Schriftoptionen zu experimentieren, um den gewünschten visuellen Effekt in Ihren kompoziten Bildern zu erzielen.

More in this category