Amikor képgalériákkal, jelentésekkel vagy marketinganyagokkal dolgozik, egyszerűen a képek összekapcsolása gyakran vizuális zavarhoz vezethet. A határok és címkék hozzáadása javítja a világosságot és a professzionalizmusot azáltal, hogy egyértelműen elválasztja a fényképeket, és kontextust biztosít, mint például a dátumok vagy a termékinformációk. Ez a blog bejegyzés útmutatja Önt a személyre szabott határokat és szöveges címkéket használva.

Bevezetés

Az Aspose.Imaging for .NET egy hatékony könyvtár, amely egyszerűsíti a képfeldolgozási feladatokat, beleértve a többféle kép egyesítését egy összetett képbe. A Graphics API használatával a fejlesztők könnyedén hozzáadhatják a határokat minden egyes egyesített kép körül, és átölelhetik a személyre szabott szöveget, hogy további kontextust vagy információt nyújtsanak.

Ez az útmutató a fejlesztési környezet kialakításának folyamatán keresztül halad, képeket készít össze, összetett képet hoz létre határokkal és címkékkel, és megmentheti a végső eredményt.

előfeltételek

Mielőtt a kód példák, győződjön meg róla, hogy a következő előfeltételek helyezkednek el:

  • Visual Studio 2019 vagy később

  • .NET 6.0 vagy újabb (vagy .Net Framework 4.6.2+)

  • Aspose.Imaging for .NET telepítve a NuGet Package Manager segítségével

PM> Install-Package Aspose.Imaging
  • Képek összessége, amelyeket össze kell keverni és meg kell jegyezni

lépésről lépésre megvalósítás

1. lépés: kezdeti beállítás

Először is meg kell kezdeményeznünk a mérett licencet, és feltölteni kell a beviteli fájlokat.

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

2. lépés: A kimeneti méret beállítása

Következésképpen a képek száma és a kívánt elrendezés alapján kiszámítjuk a kimenet méretét.

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)

3. lépés: A kompozit kép létrehozása

Egy példát hozunk létre a Image a kiszámított méret, majd húzza ki minden forrás képet rajta.

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

4. lépés: Határok hozzáadása minden képhez

Használata a Graphics Az osztály, rajzolunk egy határt körül minden képet.

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

5. lépés: Személyre szabott szöveges címkék feltöltése

Végül hozzáadjuk a személyre szabott szöveges címkéket, hogy további kontextust vagy információt nyújtsunk minden képhez.

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

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

6. lépés: A végleges kompozit kép megőrzése

Miután az összes képet összegyűjtik és feljegyezték, a kompozit képt egy fájlba mentjük.

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

Érezze magát szabadon kísérletezni a különböző elrendezések, határ stílusok, és font opciók elérése érdekében a kívánt vizuális hatás a kompozit képek.

More in this category