Pri práci s obrázkovými galériami, správami alebo marketingovými materiálmi môže jednoduché zlúčenie obrazov často viesť k vizuálnej zmätku. Pridaním hraníc a značiek sa zvyšuje jasnosť a profesionalizmus tým, že sa obrázky jasne oddeľujú a poskytujú kontext, ako sú dátumy alebo informácie o produkte. Tento blogový príspevok vás bude vedieť procesom slúženia obrázok s vlastnými hranicami a textovými značkami pomocou Aspose.Imaging pre .NET.

Úvod

Aspose.Imaging pre .NET je silná knižnica, ktorá zjednodušuje úlohy spracovania obrazu, vrátane zlúčenia viacerých obrázkov do jedného zloženého obraza.Využitím jeho API Graphics môžu vývojári ľahko pridať hranice okolo každého zlomeného obrázku a preplniť vlastný text, aby poskytli dodatočný kontext alebo informácie.

Tento tutoriál vás bude prechádzať procesom nastavenia vášho rozvojového prostredia, prípravy obrázkov na zlúčenie, vytvorenie zložitého obrazu s hranicami a štítkami a zachrániť konečný výsledok.

Predpoklady

Predtým, než sa ponoríte do kódu príkladov, uistite sa, že máte nasledujúce predpoklady:

  • Visual Studio 2019 alebo neskôr

  • .NET 6.0 alebo novší (alebo .Net Framework 4.6.2+)

  • Aspose.Imaging pre .NET nainštalovaný prostredníctvom NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Súbor obrázkov, ktoré sa spájajú a zaznamenávajú

krok za krokom implementácia

Krok 1: Počiatočné nastavenie

Po prvé, musíme začať merané licencie a nahrať naše vstupné súbory.

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

Krok 2: Konfigurácia veľkosti výstupu

Ďalej vypočítame veľkosť výstupu na základe počtu obrázkov a požadovaného rozloženia.

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)

Krok 3: Vytvorenie zložitého obrazu

Vytvorili sme príklad Image s vypočítanou veľkosťou, potom na ňu vytlačiť každý zdrojový obrázok.

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

Krok 4: Pridať hranice do každého obrazu

Používanie The Graphics triedy, vytvárame hranicu okolo každého obrazu.

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

Krok 5: Prekladanie personalizovaných textových značiek

Konečne pridávame prispôsobené textové štítky, aby sme pre každý obrázok poskytli dodatočný kontext alebo informácie.

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

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

Krok 6: Uložiť konečný kompozitný obrázok

Akonáhle sú všetky obrázky zlúčené a zaznamenané, uložíme zložený obrázok do súboru.

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

Cíťte sa slobodne experimentovať s rôznymi rozloženiami, hraničnými štýlmi a možnosťami písma, aby ste dosiahli požadovaný vizuálny efekt vo svojich zložitých obrazoch.

More in this category