При роботі з галереями зображень, звітами або маркетинговими матеріалами, просто поєднання картин часто може призвести до візуальної збуджень. Додавання кордонів і етикет підвищує чіткість і професіоналізм, ясно відрізняючи знімки і забезпечуючи контекст, наприклад, дати або інформацію про продукт. Цей блог-пост буде направляти вас через процес поєднання картин з пристосованими корнями і текстовими етиками за допомогою Aspose.Imaging для .NET.

Введення

Aspose.Imaging для .NET - це потужна бібліотека, яка упрощає завдання з обробки зображень, включаючи поєднання декількох знімків в одну композитну картину. Використовуючи її API Graphics, розробники можуть легко додати межі навколо кожної поєднаної картини і перекласти персоналізований текст, щоб надати додатковий контекст або інформацію.

Цей навчальний заклад пройде через процес встановлення вашого середовища розвитку, підготовки зображень для злиття, створення композитної карти з кордонами і етикетками, а також збереження кінцевого результату.

Передумови

Перед тим, як зануритися в код прикладів, переконайтеся, що у вас є наступні вимоги:

  • Visual Studio 2019 або пізніше

  • .NET 6.0 або пізніше (або .Net Framework 4.6.2+)

  • Aspose.Imaging для .NET встановлено через NuGet Package Manager

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