Приликом рада са галеријама слика, извештајима или маркетиншким материјалима, једноставно спојивање слика често може довести до визуелне збуњености. Додавање граница и етикета побољшава јасноћу и професионалност одвојењем слика јасно и пружајући контекст као што су датуми или информације о производу. Овај блог пост ће вас водити кроз процес спојевања слика са прилагођеним границама и текстуалним ознакама користећи Асписе.Имање за .НЕТ.

Увод

Aspose.Imaging for .NET је моћна библиотека која поједноставља задатке обраде слике, укључујући и спојивање више слика у једну композитну слику.Искористећи свој графички АПИ, програмери могу лако додати границе око сваког спојеног слика и преплавити прилагођени текст како би пружили додатни контекст или информације.

Овај туториал ће вас проћи кроз процес постављања вашег развојног окружења, припремање слика за спојивање, стварање композитне слике са границама и етикетима, и спасавање коначног резултата.

Принципи

Пре пливања у код примјере, уверите се да имате следеће услове на месту:

  • Визуел Студио 2019 или касније

  • .NET 6.0 или новији (или .Net Framework 4.6.2+)

  • Aspose.Imaging za .NET instaliran preko NuGet Package Manager-a

PM> Install-Package Aspose.Imaging
  • Списак слика које треба комбиновати и анотирати

Корак по корак спровођење

Корак 1: Почетна инсталација

Прво, морамо иницијализовати мерину лиценцу и преузети наше улазне датотеке.

// 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: Конфигурисање величине излаза

Следеће, израчунавамо величину излаза на основу броја слика и жељеног распореда.

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: Креирање композитне слике

Успостављамо инстанцију Image са израчунатом величином, затим на њему нацртајте сваку изворну слику.

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

Корак 4: Додавање граница на сваку слику

Уз употребу Graphics Класа, нацртамо границу око сваке слике.

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

Корак 5: Преузимање прилагођене текстуалне етикете

На крају, додајемо прилагођене текстуалне етикете како бисмо пружили додатни контекст или информације за сваку слику.

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

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

Корак 6: Сачувајте коначну композитну слику

Када су све слике спојене и означене, чувамо композитну слику у датотеку.

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

Осећајте се слободним да експериментишете са различитим распоредама, граничним стиловима и опцијама шрифта како бисте постигли жељени визуелни ефекат у композитним сликама.

More in this category