Робота з Aspose.Drawing у ASP.NET Core Web App

У цій статті ми навчимося створювати та відображати векторну графіку у веб-програмі ASP.NET Core зі сторінками бритва. Для створення приголомшливої векторної графіки ми будемо використовувати бібліотеку Aspose.Drawing. У цьому покроковому посібнику ми проведемо вас через процес інтеграції Aspose.Drawing у веб-програму ASP.NET Core.

Розуміння Aspose.Drawing for .NET

Aspose.Drawing for .NET — це міжплатформна бібліотека 2D-графіки для малювання векторної графіки. Він дає змогу розробникам програмно працювати з векторною графікою. Бібліотека дозволяє відтворювати векторну графіку на растрових зображеннях, таких як лінії, криві та фігури, а також текст. Потім зображення можна зберігати в усіх поширених графічних форматах, включаючи BMP, PNG, JPEG, GIF і TIFF.

Як створити та відобразити векторну графіку на веб-сторінках ASP.NET Core

Ми можемо створювати та відображати векторну графіку у веб-додатках ASP.NET Core, виконавши наведені нижче дії.

Створіть проект ASP.NET Core Web App

  • Створіть новий проект і виберіть шаблон проекту ASP.NET Core Web App.
Виберіть шаблон проекту.

Виберіть шаблон проекту.

  • Після цього напишіть назву проекту та переходьте до наступного кроку.

  • Нарешті, виберіть фреймворк .NET 7.0 (стандартна термінова підтримка), позначте опцію «Налаштувати для HTTPS» і натисніть кнопку «Створити», щоб створити проект.

Виберіть структуру проекту

Виберіть структуру проекту

Додайте пакет Aspose.Drawing NuGet

  • Відкрийте диспетчер пакетів NuGet і встановіть пакет Aspose.Drawing for .NET.
Встановіть Aspose.Drawing for .NET

Встановіть Aspose.Drawing for .NET

Додайте код малювання зображення

  • Відкрийте Pages\Index.cshtml.cs і замініть його вміст наступним сценарієм.
using Microsoft.AspNetCore.Mvc.RazorPages;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.Drawing;

namespace AsposeDrawingWebApplication.Pages
{
    public class IndexModel : PageModel
    {
        private readonly ILogger<IndexModel> _logger;
        
        public string imageSrc { get; set; }

        public IndexModel(ILogger<IndexModel> logger)
        {
            _logger = logger;
        }
        public void OnGet()
        {
            imageSrc = "data:image/png;base64, " + Convert.ToBase64String(Draw(ImageFormat.Png).ToArray());
        }

        static MemoryStream Draw(ImageFormat format)
        {
            // Цей приклад коду демонструє, як намалювати область.
            // Створіть растрове зображення
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Початкова графіка з Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Ініціалізація графічного шляху
            GraphicsPath path = new GraphicsPath();

            // Додайте багатокутник
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Ініціалізація регіону
            Region region = new Region(path);

            // Внутрішній графічний шлях
            GraphicsPath innerPath = new GraphicsPath();

            // Додайте прямокутник
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Виключити внутрішній шлях
            region.Exclude(innerPath);

            // Визначте тверду кисть
            Brush brush = new SolidBrush(Color.Green);

            // Область заливки
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Відкрийте Pages\Index.cshtml і замініть його вміст наступним сценарієм.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    
    <img src="@Model.imageSrc" />
</div>

Додайте файл ліцензії Aspose.Drawing

  • Скопіюйте файл Aspose.Drawing.NET.lic з інформацією про ліцензування Aspose.Drawing у каталог проекту. Відкрийте цю властивість файлу в Solution Explorer і встановіть Build Action на Embedded resource.

  • Після цього відкрийте Program.cs і додайте наступний код, щоб встановити ліцензію Aspose.Drawing.

// Ліцензія
System.Drawing.AsposeDrawing.Ліцензія license = new System.Drawing.AsposeDrawing.Ліцензія();
license.SetЛіцензія("Aspose.Drawing.NET.lic");
  • Нарешті, запустіть програму.
Вихід

Вихід

Завантажте вихідний код

Ви можете завантажити повний вихідний код ASP веб-програми .NET з GitHub.

Отримайте безкоштовну ліцензію

Якщо ви хочете спробувати бібліотеку без будь-яких обмежень, ви можете отримати безкоштовну тимчасову ліцензію.

Aspose.Drawing – безкоштовні навчальні ресурси

Ви можете досліджувати різні інші функції бібліотеки Aspose.Drawing, використовуючи такі ресурси:

Висновок

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

Дивись також