Utilizzo di Aspose.Drawing nell'app Web ASP.NET Core

In questo articolo impareremo come creare e visualizzare la grafica vettoriale in un’applicazione Web ASP.NET Core con Razor Page. Per creare grafica vettoriale sbalorditiva, utilizzeremo la libreria Aspose.Drawing. In questa guida dettagliata, ti guideremo attraverso il processo di integrazione di Aspose.Drawing in un’app Web ASP.NET Core.

Informazioni su Aspose.Drawing for .NET

Aspose.Drawing for .NET è una libreria grafica 2D multipiattaforma per disegnare grafica vettoriale. Consente agli sviluppatori di lavorare con la grafica vettoriale in modo programmatico. La libreria consente di eseguire il rendering di grafica vettoriale su immagini raster, come linee, curve e figure, nonché testo. Le immagini possono quindi essere salvate in tutti i formati grafici comunemente usati, inclusi BMP, PNG, JPEG, GIF e TIFF.

Come creare e visualizzare grafica vettoriale nelle pagine Web ASP.NET Core

Possiamo creare e visualizzare grafica vettoriale nelle applicazioni Web ASP.NET Core seguendo i passaggi seguenti:

Creare un progetto di app Web ASP.NET Core

  • Creare un nuovo progetto e selezionare il modello di progetto ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Successivamente, scrivi il nome del progetto e passa al passaggio successivo.

  • Infine, seleziona il framework .NET 7.0 (Standard Term Support), seleziona l’opzione Configura per HTTPS e fai clic sul pulsante Crea per creare il progetto.

Seleziona la struttura del progetto

Seleziona la struttura del progetto

Aggiungere il pacchetto Aspose.Drawing NuGet

Installa Aspose.Drawing for .NET

Installa Aspose.Drawing for .NET

Aggiungi un codice di disegno immagine

  • Apri Pages\Index.cshtml.cs e sostituisci il suo contenuto con il seguente script.
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)
        {
            // Questo esempio di codice illustra come disegnare un oggetto Region.
            // Crea una bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Grafica iniziale da Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Inizializza percorso grafico
            GraphicsPath path = new GraphicsPath();

            // Aggiungi un poligono
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Inizializza una regione
            Region region = new Region(path);

            // Percorso grafico interno
            GraphicsPath innerPath = new GraphicsPath();

            // Aggiungi un rettangolo
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Escludi percorso interno
            region.Exclude(innerPath);

            // Definisci un pennello solido
            Brush brush = new SolidBrush(Color.Green);

            // Riempi regione
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Aprire Pages\Index.cshtml e sostituirne il contenuto con lo script seguente.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Aggiungi il file di licenza Aspose.Drawing

  • Copia il tuo file Aspose.Drawing.NET.lic con le informazioni sulla licenza Aspose.Drawing nella directory del progetto. Apri questa proprietà del file da Esplora soluzioni e imposta Build Action su Embedded resource.

  • Successivamente, apri Program.cs e aggiungi il seguente codice per impostare la licenza Aspose.Drawing.

// Licenza
System.Drawing.AsposeDrawing.Licenza license = new System.Drawing.AsposeDrawing.Licenza();
license.SetLicenza("Aspose.Drawing.NET.lic");
  • Infine, esegui l’applicazione.
Produzione

Produzione

Scarica il codice sorgente

È possibile scaricare l’applicazione Web ASP source code.NET completa da GitHub.

Ottieni una licenza gratuita

Se desideri provare la libreria senza alcuna limitazione, puoi ottenere una licenza temporanea gratuita.

Aspose.Drawing - Risorse di apprendimento gratuite

Puoi esplorare varie altre funzionalità della libreria Aspose.Drawing utilizzando le seguenti risorse:

Conclusione

In conclusione, Aspose.Drawing è una risorsa preziosa per gli sviluppatori Web ASP.NET che desiderano incorporare grafica vettoriale dinamica e visivamente accattivante nei loro progetti web. Seguendo i passaggi forniti, sbloccherai nuove possibilità nello sviluppo web con Aspose.Drawing. In caso di ambiguità, contattaci sul nostro forum di supporto gratuito.

Guarda anche