Při práci s obrázky galerie, zprávy, nebo marketingové materiály, jednoduše sloučení obrázků může často vést k vizuálnímu zmatku. Přidání hranic a štítků zvyšuje jasnost a profesionalismus tím, že odděluje obrazy jasně a poskytuje kontext, jako jsou data nebo informace o produktu. Tento blogový příspěvek vás povede prostřednictvím procesu smíření obrazů s přizpůsobenými hranicami a textovými etikety pomocí Aspose.Imaging pro .NET.

Úvod

Aspose.Imaging pro .NET je mocná knihovna, která zjednodušuje úkoly zpracování obrazu, včetně sloučení několika snímků do jednoho složeného obrázku.Využitím jeho API Graphics mohou vývojáři snadno přidat hranice kolem každého smíšeného zobrazení a přehrávat přizpůsobený text, aby poskytli dodatečný kontext nebo informace.

Tento tutoriál vás prochází procesem nastavení vašeho rozvojového prostředí, přípravy obrázků na fúzi, vytváření kompozitního obrazu s hranicemi a štítky a ušetření konečného výsledku.

Předpoklady

Před potápěním do kódu příklady, ujistěte se, že máte následující předpoklady na místě:

  • Visual Studio 2019 nebo novější

  • .NET 6.0 nebo novější (nebo .Net Framework 4.6.2+)

  • Aspose.Imaging pro .NET instalován prostřednictvím NuGet Package Manager

PM> Install-Package Aspose.Imaging
  • Soubor obrázků, které lze spojit a zaznamenat

krok za krokem implementace

Krok 1: První nastavení

Za prvé, musíme začít měřené licence a nahrát naše vstupní soubory.

// 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: Nastavení velikosti výstupu

Dále vypočítáme velikost výstupu na základě počtu obrázků a požadovaného uspořádání.

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: Vytvoření kompozitního obrazu

Vytváříme příklad Image s vypočtenou velikostí, pak vytáhnout každý zdrojový obrázek na něj.

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

Krok 4: Přidání hranic k každému obrazu

Používá se Graphics Třída, vytváříme hranice kolem každého obrazu.

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

Krok 5: Překročení textových štítků

Konečně přidáváme přizpůsobené textové štítky, které poskytují dodatečný kontext nebo informace pro každý obrázek.

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

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

Krok 6: Ušetřete konečný kompozitní obraz

Jakmile jsou všechny obrázky smíšené a zaznamenány, uložíme kompozitní obraz do souboru.

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

Cítíte se svobodně experimentovat s různými rozloženími, pohraničními styly a možnostmi písma, abyste dosáhli požadovaného vizuálního efektu ve vašich kompozitních snímcích.

More in this category