Práce s Aspose.Drawing v ASP.NET Core Web App

V tomto článku se naučíme, jak vytvořit a zobrazit vektorovou grafiku ve webové aplikaci ASP.NET Core se stránkami břitva. Pro tvorbu úžasné vektorové grafiky použijeme knihovnu Aspose.Drawing. V tomto podrobném průvodci vás provedeme procesem integrace Aspose.Drawing do webové aplikace ASP.NET Core.

Porozumění Aspose.Drawing for .NET

Aspose.Drawing for .NET je multiplatformní 2D grafická knihovna pro kreslení vektorové grafiky. Umožňuje vývojářům pracovat s vektorovou grafikou programově. Knihovna umožňuje vykreslovat vektorovou grafiku na rastrové obrázky, jako jsou čáry, křivky a obrázky, stejně jako text. Obrázky pak lze ukládat ve všech běžně používaných grafických formátech včetně BMP, PNG, JPEG, GIF a TIFF.

Jak vytvářet a zobrazovat vektorovou grafiku na webových stránkách ASP.NET Core

Ve webových aplikacích ASP.NET Core můžeme vytvářet a zobrazovat vektorovou grafiku podle následujících kroků:

Vytvořte projekt webové aplikace ASP.NET Core

  • Vytvořte nový projekt a vyberte šablonu projektu ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Poté napište název projektu a přejděte k dalšímu kroku.

  • Nakonec vyberte framework .NET 7.0 (Standard Term Support), zaškrtněte volbu Configure for HTTPS a kliknutím na tlačítko Create vytvořte projekt.

Vyberte rámec projektu

Vyberte rámec projektu

Přidejte balíček NuGet Aspose.Drawing

Nainstalujte Aspose.Drawing for .NET

Nainstalujte Aspose.Drawing for .NET

Přidejte kód kreslení obrázku

  • Otevřete Pages\Index.cshtml.cs a nahraďte jeho obsah následujícím skriptem.
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)
        {
            // Tento příklad kódu ukazuje, jak nakreslit oblast.
            // Vytvořte bitmapu
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Inicializace grafiky z bitmapy
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Inicializujte grafickou cestu
            GraphicsPath path = new GraphicsPath();

            // Přidejte mnohoúhelník
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Inicializujte oblast
            Region region = new Region(path);

            // Vnitřní grafická cesta
            GraphicsPath innerPath = new GraphicsPath();

            // Přidejte obdélník
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Vyloučit vnitřní cestu
            region.Exclude(innerPath);

            // Definujte pevný kartáč
            Brush brush = new SolidBrush(Color.Green);

            // Vyplňte oblast
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Otevřete Pages\Index.cshtml a nahraďte jeho obsah následujícím skriptem.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Přidejte licenční soubor Aspose.Drawing

  • Zkopírujte svůj soubor Aspose.Drawing.NET.lic s informacemi o licenci Aspose.Drawing do adresáře projektu. Otevřete tuto vlastnost souboru z Průzkumníka řešení a nastavte akci Build na Embedded resource.

  • Poté otevřete program.cs a přidejte následující kód pro nastavení licence Aspose.Drawing.

// Licence
System.Drawing.AsposeDrawing.Licence license = new System.Drawing.AsposeDrawing.Licence();
license.SetLicence("Aspose.Drawing.NET.lic");
  • Nakonec spusťte aplikaci.
Výstup

Výstup

Stáhněte si zdrojový kód

Kompletní webovou aplikaci ASP source code.NET si můžete stáhnout z GitHub.

Získejte bezplatnou licenci

Pokud si chcete knihovnu vyzkoušet bez jakýchkoli omezení, můžete získat bezplatnou dočasnou licenci.

Aspose.Drawing – bezplatné učební zdroje

Různé další funkce knihovny Aspose.Drawing můžete prozkoumat pomocí následujících zdrojů:

Závěr

Závěrem lze říci, že Aspose.Drawing je cenným přínosem pro vývojáře webu ASP.NET, kteří chtějí do svých webových projektů začlenit dynamickou a vizuálně podmanivou vektorovou grafiku. Dodržováním uvedených kroků odemknete nové možnosti ve vývoji webu pomocí Aspose.Drawing. V případě jakýchkoliv nejasností nás prosím kontaktujte na našem bezplatném fóru podpory.

Viz také