Trabajar con Aspose.Drawing en ASP.NET Core Web App

En este artículo, aprenderemos cómo crear y mostrar gráficos vectoriales en una aplicación web ASP.NET Core con páginas de afeitar. Para crear impresionantes gráficos vectoriales, utilizaremos la biblioteca Aspose.Drawing. En esta guía paso a paso, lo guiaremos a través del proceso de integración de Aspose.Drawing en una aplicación web ASP.NET Core.

Entendiendo Aspose.Drawing for .NET

Aspose.Drawing for .NET es una biblioteca de gráficos 2D multiplataforma para dibujar gráficos vectoriales. Permite a los desarrolladores trabajar con gráficos vectoriales mediante programación. La biblioteca le permite representar gráficos vectoriales en imágenes rasterizadas, como líneas, curvas y figuras, así como texto. Las imágenes se pueden guardar en todos los formatos gráficos de uso común, incluidos BMP, PNG, JPEG, GIF y TIFF.

Cómo crear y mostrar gráficos vectoriales en páginas web ASP.NET Core

Podemos crear y mostrar gráficos vectoriales en aplicaciones web ASP.NET Core siguiendo los pasos a continuación:

Crear un proyecto de aplicación web de ASP.NET Core

  • Cree un nuevo proyecto y seleccione la plantilla de proyecto de ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Después de eso, escriba el nombre del proyecto y avance al siguiente paso.

  • Finalmente, seleccione framework .NET 7.0 (Standard Term Support), marque la opción Configurar para HTTPS y haga clic en el botón Crear para crear el proyecto.

Seleccione el marco del proyecto

Seleccione el marco del proyecto

Agregue el paquete Aspose.Drawing NuGet

Instalar Aspose.Dibujo para .NET

Instalar Aspose.Dibujo para .NET

Agregar un código de dibujo de imagen

  • Abra Pages\Index.cshtml.cs y reemplace su contenido con el siguiente 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)
        {
            // Este ejemplo de código demuestra cómo dibujar una Región.
            // Crear un mapa de bits
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Gráficos iniciales de mapa de bits
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Inicializar ruta de gráficos
            GraphicsPath path = new GraphicsPath();

            // Agregar un polígono
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Inicializar una región
            Region region = new Region(path);

            // Ruta de gráficos interna
            GraphicsPath innerPath = new GraphicsPath();

            // Agregar un rectángulo
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Excluir ruta interna
            region.Exclude(innerPath);

            // Definir un pincel sólido
            Brush brush = new SolidBrush(Color.Green);

            // Región de relleno
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Abra Pages\Index.cshtml y reemplace su contenido con el siguiente script.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Agregar el archivo de licencia Aspose.Drawing

  • Copie su archivo Aspose.Drawing.NET.lic con la información de licencia de Aspose.Drawing en el directorio del proyecto. Abra esta propiedad de archivo desde el Explorador de soluciones y establezca Acción de compilación en Recurso incrustado.

  • Después de eso, abra Program.cs y agregue el siguiente código para configurar la licencia de Aspose.Drawing.

// Licencia
System.Drawing.AsposeDrawing.Licencia license = new System.Drawing.AsposeDrawing.Licencia();
license.SetLicencia("Aspose.Drawing.NET.lic");
  • Finalmente, ejecute la aplicación.
Producción

Producción

Descarga el código fuente

Puede descargar la aplicación web completa del código fuente ASP.NET desde GitHub.

Obtenga una licencia gratis

Si desea probar la biblioteca sin limitaciones, puede obtener una licencia temporal gratuita.

Aspose.Drawing – Recursos de aprendizaje gratuitos

Puede explorar otras características de la biblioteca Aspose.Drawing utilizando los siguientes recursos:

Conclusión

En conclusión, Aspose.Drawing es un activo valioso para los desarrolladores web ASP.NET que buscan incorporar gráficos vectoriales dinámicos y visualmente cautivadores en sus proyectos web. Siguiendo los pasos proporcionados, desbloqueará nuevas posibilidades en el desarrollo web con Aspose.Drawing. En caso de cualquier ambigüedad, contáctenos en nuestro foro de soporte gratuito.

Ver también