Когато работите с галерии, отчети или маркетингови материали, просто сливане на изображения често може да доведе до визуална объркване. Добавянето на граници и етикети подобрява яснотата и професионализма, като разделят изображението ясно и осигуряват контекст като дати или информация за продукта. Този блог пост ще ви насочи през процеса на сливането на снимки с персонализирани границите и текстови етикетки с помощта на Aspose.Imaging за .NET.

Въведение

Aspose.Imaging за .NET е мощна библиотека, която улеснява задачите за обработка на изображения, включително сливането на няколко снимки в една композитна картина. чрез използването на неговата API за графики, разработчиците могат лесно да добавят граници около всяка сливане и да надграждат персонализиран текст, за да предоставят допълнителен контекст или информация.

Този урок ще ви преминава през процеса на създаване на вашата среда за развитие, подготвяйки изображения за сливане, създавайки композитна картина с граници и етикети и спасявайки крайния резултат.

Предупреждения

Преди да се потопите в кодовите примери, уверете се, че имате следните изисквания:

  • 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