Travailler avec Aspose.Drawing dans l'application Web ASP.NET Core

Dans cet article, nous allons apprendre à créer et à afficher des graphiques vectoriels dans une application Web ASP.NET Core avec des pages de rasoir. Pour créer de superbes graphiques vectoriels, nous utiliserons la bibliothèque Aspose.Drawing. Dans ce guide étape par étape, nous vous guiderons tout au long du processus d’intégration d’Aspose.Drawing dans une application Web ASP.NET Core.

Comprendre Aspose.Drawing for .NET

Aspose.Drawing for .NET est une bibliothèque graphique 2D multiplateforme pour dessiner des graphiques vectoriels. Il permet aux développeurs de travailler avec des graphiques vectoriels par programmation. La bibliothèque vous permet de rendre des graphiques vectoriels sur des images raster, telles que des lignes, des courbes et des figures, ainsi que du texte. Les images peuvent ensuite être enregistrées dans tous les formats graphiques couramment utilisés, notamment BMP, PNG, JPEG, GIF et TIFF.

Comment créer et afficher des graphiques vectoriels dans les pages Web ASP.NET Core

Nous pouvons créer et afficher des graphiques vectoriels dans les applications Web ASP.NET Core en suivant les étapes ci-dessous :

Créer un projet d’application Web ASP.NET Core

  • Créez un nouveau projet et sélectionnez le modèle de projet ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Après cela, écrivez le nom du projet et passez à l’étape suivante.

  • Enfin, sélectionnez framework .NET 7.0 (Standard Term Support), cochez l’option Configurer pour HTTPS et cliquez sur le bouton Créer pour créer le projet.

Sélectionner le cadre du projet

Sélectionner le cadre du projet

Ajouter le package NuGet Aspose.Drawing

Installer Aspose.Drawing for .NET

Installer Aspose.Drawing for .NET

Ajouter un code de dessin d’image

  • Ouvrez Pages\Index.cshtml.cs et remplacez son contenu par le script suivant.
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)
        {
            // Cet exemple de code montre comment dessiner une région.
            // Créer une image bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Graphiques initiaux de Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Initialiser le chemin des graphiques
            GraphicsPath path = new GraphicsPath();

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

            // Initialiser une région
            Region region = new Region(path);

            // Chemin graphique interne
            GraphicsPath innerPath = new GraphicsPath();

            // Ajouter un rectangle
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Exclure le chemin intérieur
            region.Exclude(innerPath);

            // Définir un pinceau solide
            Brush brush = new SolidBrush(Color.Green);

            // Remplir la région
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Ouvrez Pages\Index.cshtml et remplacez son contenu par le script suivant.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Ajouter le fichier de licence Aspose.Drawing

  • Copiez votre fichier Aspose.Drawing.NET.lic avec les informations de licence Aspose.Drawing dans le répertoire du projet. Ouvrez cette propriété de fichier à partir de l’Explorateur de solutions et définissez Build Action sur Embedded resource.

  • Après cela, ouvrez Program.cs et ajoutez le code suivant pour définir la licence Aspose.Drawing.

// Licence
System.Drawing.AsposeDrawing.Licence license = new System.Drawing.AsposeDrawing.Licence();
license.SetLicence("Aspose.Drawing.NET.lic");
  • Enfin, exécutez l’application.
Sortir

Sortir

Télécharger le code source

Vous pouvez télécharger l’application Web complète ASP source code.NET à partir de GitHub.

Obtenez une licence gratuite

Si vous souhaitez essayer la bibliothèque sans aucune limitation, vous pouvez obtenir une licence temporaire gratuite.

Aspose.Drawing - Ressources d’apprentissage gratuites

Vous pouvez explorer diverses autres fonctionnalités de la bibliothèque Aspose.Drawing à l’aide des ressources suivantes :

Conclusion

En conclusion, Aspose.Drawing est un atout précieux pour les développeurs Web ASP.NET qui cherchent à incorporer des graphiques vectoriels dynamiques et visuellement captivants dans leurs projets Web. En suivant les étapes fournies, vous débloquerez de nouvelles possibilités de développement Web avec Aspose.Drawing. En cas d’ambiguïté, veuillez nous contacter sur notre forum d’assistance gratuit.

Voir également