Trabalhando com Aspose.Drawing no ASP.NET Core Web App

Neste artigo, aprenderemos como criar e exibir gráficos vetoriais em um aplicativo Web ASP.NET Core com páginas Razor. Para criar gráficos vetoriais impressionantes, usaremos a biblioteca Aspose.Drawing. Neste guia passo a passo, orientaremos você no processo de integração do Aspose.Drawing a um aplicativo Web ASP.NET Core.

Compreendendo o Aspose.Drawing para .NET

Aspose.Drawing for .NET é uma biblioteca de gráficos 2D de plataforma cruzada para desenhar gráficos vetoriais. Ele capacita os desenvolvedores a trabalhar com gráficos vetoriais programaticamente. A biblioteca permite renderizar gráficos vetoriais em imagens raster, como linhas, curvas e figuras, bem como texto. As imagens podem ser salvas em todos os formatos gráficos comumente usados, incluindo BMP, PNG, JPEG, GIF e TIFF.

Como criar e exibir gráficos vetoriais em páginas da Web ASP.NET Core

Podemos criar e exibir gráficos vetoriais em aplicativos da Web ASP.NET Core seguindo as etapas abaixo:

Criar um projeto de aplicativo Web ASP.NET Core

  • Crie um novo projeto e selecione o modelo de projeto ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Depois disso, escreva o nome do projeto e passe para a próxima etapa.

  • Por fim, selecione o framework .NET 7.0 (Standard Term Support), marque a opção Configure for HTTPS e clique no botão Create para criar o projeto.

Selecione a estrutura do projeto

Selecione a estrutura do projeto

Adicionar pacote NuGet Aspose.Drawing

Instale o Aspose.Drawing para .NET

Instale o Aspose.Drawing para .NET

Adicionar um código de desenho de imagem

  • Abra Pages\Index.cshtml.cs e substitua seu conteúdo pelo seguinte 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 exemplo de código demonstra como desenhar uma região.
            // Criar um bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Gráficos Iniciais de Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Inicializar caminho gráfico
            GraphicsPath path = new GraphicsPath();

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

            // Inicializar uma região
            Region region = new Region(path);

            // Caminho gráfico interno
            GraphicsPath innerPath = new GraphicsPath();

            // Adicionar um retângulo
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Excluir caminho interno
            region.Exclude(innerPath);

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

            // Preencher região
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Abra Pages\Index.cshtml e substitua seu conteúdo pelo seguinte script.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Adicione o arquivo de licença Aspose.Drawing

  • Copie seu arquivo Aspose.Drawing.NET.lic com as informações de licenciamento Aspose.Drawing para o diretório do projeto. Abra esta propriedade de arquivo no Solution Explorer e defina Build Action como Embedded resource.

  • Depois disso, abra o Program.cs e adicione o seguinte código para definir a licença do Aspose.Drawing.

// Licença
System.Drawing.AsposeDrawing.Licença license = new System.Drawing.AsposeDrawing.Licença();
license.SetLicença("Aspose.Drawing.NET.lic");
  • Por fim, execute o aplicativo.
Saída

Saída

Baixe o código-fonte

Você pode baixar o aplicativo da Web .NET do código-fonte ASP completo em GitHub.

Obtenha uma licença gratuita

Se você deseja experimentar a biblioteca sem quaisquer limitações, você pode obter uma licença temporária gratuita.

Aspose.Drawing – Recursos de aprendizagem gratuitos

Você pode explorar vários outros recursos da biblioteca Aspose.Drawing usando os seguintes recursos:

Conclusão

Em conclusão, Aspose.Drawing é um recurso valioso para desenvolvedores da Web ASP.NET que procuram incorporar gráficos vetoriais dinâmicos e visualmente cativantes em seus projetos da Web. Seguindo as etapas fornecidas, você desbloqueará novas possibilidades no desenvolvimento da Web com o Aspose.Drawing. Em caso de ambiguidade, entre em contato conosco em nosso fórum de suporte gratuito.

Veja também