Arbeiten mit Aspose.Drawing in ASP.NET Core Web App

In diesem Artikel erfahren Sie, wie Sie Vektorgrafiken in einer ASP.NET Core-Webanwendung mit Razor-Seiten erstellen und anzeigen. Zum Erstellen beeindruckender Vektorgrafiken verwenden wir die Bibliothek Aspose.Drawing. In dieser Schritt-für-Schritt-Anleitung führen wir Sie durch den Prozess der Integration von Aspose.Drawing in eine ASP.NET Core-Webanwendung.

Aspose.Drawing for .NET verstehen

Aspose.Drawing for .NET ist eine plattformübergreifende 2D-Grafikbibliothek zum Zeichnen von Vektorgrafiken. Es ermöglicht Entwicklern, programmgesteuert mit Vektorgrafiken zu arbeiten. Mit der Bibliothek können Sie Vektorgrafiken auf Rasterbildern rendern, z. B. Linien, Kurven und Figuren sowie Text. Bilder können dann in allen gängigen Grafikformaten gespeichert werden, einschließlich BMP, PNG, JPEG, GIF und TIFF.

So erstellen und zeigen Sie Vektorgrafiken in ASP.NET Core-Webseiten an

Wir können Vektorgrafiken in ASP.NET Core-Webanwendungen erstellen und anzeigen, indem wir die folgenden Schritte ausführen:

Erstellen Sie ein ASP.NET Core-Web-App-Projekt

  • Erstellen Sie ein neues Projekt und wählen Sie die ASP.NET Core Web App-Projektvorlage aus.
Wählen Sie die Projektvorlage aus.

Wählen Sie die Projektvorlage aus.

  • Geben Sie anschließend den Projektnamen ein und fahren Sie mit dem nächsten Schritt fort.

  • Wählen Sie abschließend das Framework .NET 7.0 (Standard Term Support) aus, aktivieren Sie die Option „Für HTTPS konfigurieren“ und klicken Sie auf die Schaltfläche „Erstellen“, um das Projekt zu erstellen.

Projektrahmen auswählen

Projektrahmen auswählen

Aspose.Drawing NuGet-Paket hinzufügen

Installieren Sie Aspose.Drawing for .NET

Installieren Sie Aspose.Drawing for .NET

Fügen Sie einen Bildzeichnungscode hinzu

  • Öffnen Sie Pages\Index.cshtml.cs und ersetzen Sie den Inhalt durch das folgende 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)
        {
            // Dieses Codebeispiel zeigt, wie eine Region gezeichnet wird.
            // Erstellen Sie eine Bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Initialie-Grafiken aus Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Grafikpfad initialisieren
            GraphicsPath path = new GraphicsPath();

            // Fügen Sie ein Polygon hinzu
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Initialisieren Sie eine Region
            Region region = new Region(path);

            // Innerer Grafikpfad
            GraphicsPath innerPath = new GraphicsPath();

            // Fügen Sie ein Rechteck hinzu
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Inneren Pfad ausschließen
            region.Exclude(innerPath);

            // Definieren Sie einen Vollpinsel
            Brush brush = new SolidBrush(Color.Green);

            // Bereich füllen
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Öffnen Sie Pages\Index.cshtml und ersetzen Sie den Inhalt durch das folgende Skript.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Fügen Sie die Aspose.Drawing-Lizenzdatei hinzu

  • Kopieren Sie Ihre Aspose.Drawing.NET.lic-Datei mit den Aspose.Drawing-Lizenzinformationen in das Projektverzeichnis. Öffnen Sie diese Dateieigenschaft im Projektmappen-Explorer und legen Sie „Build-Aktion“ auf „Eingebettete Ressource“ fest.

  • Öffnen Sie anschließend Program.cs und fügen Sie den folgenden Code hinzu, um die Aspose.Drawing-Lizenz festzulegen.

// Lizenz
System.Drawing.AsposeDrawing.Lizenz license = new System.Drawing.AsposeDrawing.Lizenz();
license.SetLizenz("Aspose.Drawing.NET.lic");
  • Führen Sie abschließend die Anwendung aus.
Ausgang

Ausgang

Laden Sie den Quellcode herunter

Sie können den vollständigen ASP-Quellcode.NET-Webanwendung von GitHub herunterladen.

Holen Sie sich eine kostenlose Lizenz

Wenn Sie die Bibliothek ohne Einschränkungen testen möchten, können Sie eine kostenlose temporäre Lizenz erhalten.

Aspose.Drawing – Kostenlose Lernressourcen

Mit den folgenden Ressourcen können Sie verschiedene andere Funktionen der Aspose.Drawing-Bibliothek erkunden:

Abschluss

Zusammenfassend lässt sich sagen, dass Aspose.Drawing eine wertvolle Bereicherung für ASP.NET-Webentwickler ist, die dynamische und visuell ansprechende Vektorgrafiken in ihre Webprojekte integrieren möchten. Wenn Sie die bereitgestellten Schritte befolgen, erschließen Sie mit Aspose.Drawing neue Möglichkeiten in der Webentwicklung. Bei Unklarheiten kontaktieren Sie uns bitte in unserem kostenlosen Support-Forum.

Siehe auch