Praca z Aspose.Drawing w ASP.NET Core Web App

W tym artykule dowiemy się, jak tworzyć i wyświetlać grafikę wektorową w aplikacji sieci Web ASP.NET Core ze stronami Razor. Do tworzenia oszałamiających grafik wektorowych wykorzystamy bibliotekę Aspose.Drawing. W tym przewodniku krok po kroku przeprowadzimy Cię przez proces integracji Aspose.Drawing z aplikacją internetową ASP.NET Core.

Zrozumienie Aspose.Drawing dla platformy .NET

Aspose.Drawing for .NET to międzyplatformowa biblioteka grafiki 2D do rysowania grafiki wektorowej. Umożliwia programistom programistyczną pracę z grafiką wektorową. Biblioteka umożliwia renderowanie grafiki wektorowej na obrazach rastrowych, takich jak linie, krzywe i figury, a także tekst. Obrazy można następnie zapisywać we wszystkich powszechnie używanych formatach graficznych, w tym BMP, PNG, JPEG, GIF i TIFF.

Jak tworzyć i wyświetlać grafikę wektorową na stronach sieci Web ASP.NET Core

Możemy tworzyć i wyświetlać grafikę wektorową w aplikacjach internetowych ASP.NET Core, wykonując poniższe czynności:

Utwórz projekt aplikacji internetowej ASP.NET Core

  • Utwórz nowy projekt i wybierz szablon projektu ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Następnie wpisz nazwę projektu i przejdź do następnego kroku.

  • Na koniec wybierz framework .NET 7.0 (Standard Term Support), zaznacz opcję Konfiguruj dla HTTPS i kliknij przycisk Utwórz, aby utworzyć projekt.

Wybierz ramy projektu

Wybierz ramy projektu

Dodaj pakiet Aspose.Drawing NuGet

Zainstaluj Aspose.Drawing dla platformy .NET

Zainstaluj Aspose.Drawing dla platformy .NET

Dodaj kod rysunku obrazu

  • Otwórz Pages\Index.cshtml.cs i zastąp jego zawartość następującym skryptem.
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)
        {
            // Ten przykład kodu demonstruje, jak narysować Region.
            // Utwórz mapę bitową
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Początkowa grafika z bitmapy
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Zainicjuj ścieżkę grafiki
            GraphicsPath path = new GraphicsPath();

            // Dodaj wielokąt
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Zainicjuj region
            Region region = new Region(path);

            // Wewnętrzna ścieżka graficzna
            GraphicsPath innerPath = new GraphicsPath();

            // Dodaj prostokąt
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Wyklucz ścieżkę wewnętrzną
            region.Exclude(innerPath);

            // Zdefiniuj solidny pędzel
            Brush brush = new SolidBrush(Color.Green);

            // Wypełnij obszar
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Otwórz Pages\Index.cshtml i zastąp jego zawartość następującym skryptem.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Dodaj plik licencji Aspose.Drawing

  • Skopiuj plik Aspose.Drawing.NET.lic z informacjami licencyjnymi Aspose.Drawing do katalogu projektu. Otwórz tę właściwość pliku z Eksploratora rozwiązań i ustaw akcję kompilacji na osadzony zasób.

  • Następnie otwórz Program.cs i Dodaj następujący kod, aby ustawić licencję Aspose.Drawing.

// Licencja
System.Drawing.AsposeDrawing.Licencja license = new System.Drawing.AsposeDrawing.Licencja();
license.SetLicencja("Aspose.Drawing.NET.lic");
  • Na koniec uruchom aplikację.
Wyjście

Wyjście

Pobierz kod źródłowy

Możesz pobrać kompletną aplikację internetową ASP source code.NET z GitHub.

Uzyskaj bezpłatną licencję

Jeśli chcesz wypróbować bibliotekę bez żadnych ograniczeń, możesz uzyskać bezpłatną tymczasową licencję.

Aspose.Drawing — bezpłatne zasoby edukacyjne

Możesz eksplorować różne inne funkcje biblioteki Aspose.Drawing, korzystając z następujących zasobów:

Wniosek

Podsumowując, Aspose.Drawing jest cennym zasobem dla programistów ASP.NET Web, którzy chcą włączyć dynamiczną i urzekającą wizualnie grafikę wektorową do swoich projektów internetowych. Postępując zgodnie z podanymi krokami, odblokujesz nowe możliwości w tworzeniu stron internetowych dzięki Aspose.Drawing. W przypadku jakichkolwiek niejasności skontaktuj się z nami na naszym darmowym forum wsparcia.

Zobacz też