Arbeta med Aspose.Drawing i ASP.NET Core Web App

I den här artikeln kommer vi att lära oss hur du skapar och visar vektorgrafik i en ASP.NET Core-webbapplikation med rakblad. För att skapa fantastisk vektorgrafik kommer vi att använda biblioteket Aspose.Drawing. I den här steg-för-steg-guiden går vi igenom processen för att integrera Aspose.Drawing i en ASP.NET Core-webbapp.

Förstå Aspose.Drawing för .NET

Aspose.Drawing for .NET är ett plattformsoberoende 2D-grafikbibliotek för att rita vektorgrafik. Det ger utvecklare möjlighet att arbeta med vektorgrafik programmatiskt. Biblioteket låter dig återge vektorgrafik på rasterbilder, såsom linjer, kurvor och figurer, såväl som text. Bilder kan sedan sparas i alla vanliga grafikformat inklusive BMP, PNG, JPEG, GIF och TIFF.

Hur man skapar och visar vektorgrafik på ASP.NET Core-webbsidor

Vi kan skapa och visa vektorgrafik i ASP.NET Core-webbapplikationer genom att följa stegen nedan:

Skapa ett ASP.NET Core Web App-projekt

  • Skapa ett nytt projekt och välj projektmallen ASP.NET Core Web App.

  • Skriv sedan projektnamnet och gå vidare till nästa steg.

  • Välj slutligen framework .NET 7.0 (Standard Term Support), markera alternativet Konfigurera för HTTPS och klicka på knappen Skapa för att skapa projektet.

Välj projektram

Välj projektram

Lägg till Aspose.Drawing NuGet Package

Installera Aspose.Drawing för .NET

Installera Aspose.Drawing för .NET

Lägg till en bildritningskod

  • Öppna Pages\Index.cshtml.cs och ersätt dess innehåll med följande skript.
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)
        {
            // Detta kodexempel visar hur man ritar en region.
            // Skapa en bitmapp
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Initialie grafik från Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Initiera grafisk sökväg
            GraphicsPath path = new GraphicsPath();

            // Lägg till en polygon
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Initiera en region
            Region region = new Region(path);

            // Inre grafikväg
            GraphicsPath innerPath = new GraphicsPath();

            // Lägg till en rektangel
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Uteslut inre väg
            region.Exclude(innerPath);

            // Definiera en solid borste
            Brush brush = new SolidBrush(Color.Green);

            // Fyll region
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Öppna Pages\Index.cshtml och ersätt dess innehåll med följande skript.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Lägg till Aspose.Drawing-licensfilen

  • Kopiera din Aspose.Drawing.NET.lic-fil med Aspose.Drawing-licensinformation till projektkatalogen. Öppna den här filegenskapen från Solution Explorer och ställ in Build Action till Embedded resurs.

  • Efter det, öppna Program.cs och lägg till följande kod för att ställa in Aspose.Drawing-licensen.

// Licens
System.Drawing.AsposeDrawing.Licens license = new System.Drawing.AsposeDrawing.Licens();
license.SetLicens("Aspose.Drawing.NET.lic");
  • Slutligen, kör programmet.
Produktion

Produktion

Ladda ner källkoden

Du kan ladda ner hela ASP-källkoden.NET webbapplikation från GitHub.

Skaffa en gratis licens

Om du vill prova biblioteket utan några begränsningar kan du skaffa en gratis tillfällig licens.

Aspose.Drawing – Gratis inlärningsresurser

Du kan utforska olika andra funktioner i Aspose.Drawing-biblioteket med hjälp av följande resurser:

Slutsats

Sammanfattningsvis är Aspose.Drawing en värdefull tillgång för ASP.NET webbutvecklare som vill införliva dynamisk och visuellt fängslande vektorgrafik i sina webbprojekt. Genom att följa de angivna stegen låser du upp nya möjligheter inom webbutveckling med Aspose.Drawing. I händelse av oklarheter, vänligen kontakta oss på vårt gratis supportforum.

Se även