System.Drawing v Blazor WebAssembply App C#

Rámec Blazor je široce používán k vytváření interaktivního a opakovaně použitelného webového uživatelského rozhraní ve webových technologiích. Aplikace Blazor WebAssembly se navíc spouštějí přímo v prohlížeči na běhovém prostředí .NET založeném na WebAssembly. Tento článek popisuje, jak používat knihovnu System.Drawing v aplikaci Blazor WebAssembly. Rozhraní API lze použít ke kreslení textových řetězců, obrázků, vektorové grafiky atd. Chcete-li se dozvědět více podrobností, projděte si tento článek pod následujícími nadpisy:

Vytvořte projekt aplikace C# Blazor WebAssembly

V Microsoft Visual Studio IDE vytvořte aplikaci Blazor WebAssembly. Stiskněte tlačítko ‘Další’ a poté zaškrtněte políčka .NET 5.0 a ASP.NET Core podle následujících snímků obrazovky.

Aplikace Blazor WebAssembly
Systém. Kreslení Blazor

Aktualizujte reference projektu

Procházejte galerii NuGet a nakonfigurujte balíček Aspose.Drawing tak, aby byl přidán jako závislost projektu.

Přidejte kód pro kreslení obrázku

Nahraďte obsah souboru Pages/Index.razor následujícím úryvkem kódu a vytvořte obraz obsahující výkres.

@page "/"
@using System.Drawing;
@using System.Drawing.Drawing2D;
@using System.Drawing.Imaging;
@using System.IO;

<img src="@imageSrc" />

@code {
    private string imageSrc;

    public Index()
    {
        imageSrc = "data:image/png;base64, " + Convert.ToBase64String(Draw(ImageFormat.Png).ToArray());
    }

    static MemoryStream Draw(ImageFormat format)
    {
        Bitmap bitmap = new Bitmap(1000, 800, PixelFormat.Format32bppPArgb);
        Graphics graphics = Graphics.FromImage(bitmap);
        graphics.SmoothingMode = SmoothingMode.AntiAlias;

        Brush brush = new LinearGradientBrush(new Point(0, 0), new Point(1000, 800), Color.Red, Color.Blue);
        graphics.FillEllipse(brush, 100, 100, 800, 600);

        MemoryStream result = new MemoryStream();
        bitmap.Save(result, format);
        result.Seek(0, SeekOrigin.Begin);
        return result;
    }
}

Přidejte licenční a inicializační kód

Nyní můžete přidat licenční soubor jako vložený prostředek a přidat následující licenční inicializační kód do hlavní metody v souboru Program.cs. Pokud však licenci nemáte, můžete požádat o bezplatnou dočasnou licenci.

Aspose.Drawing.License license = new Aspose.Drawing.License();
license.SetLicense("BlazorApp1.Client.Aspose.Drawing.NET.lic");

Spusťte aplikaci

Spusťte aplikaci z prostředí Microsoft Visual Studio IDE a prohlížeč zobrazí obrázek přechodu jako níže:

Závěr

V tomto článku jste se naučili používat funkci System.Drawing v aplikaci Blazor WebAssembly. Další podrobnosti o funkcích nabízených rozhraním API můžete navštívit v prostoru dokumentace. Kromě toho nás prosím kontaktujte prostřednictvím fóra v případě, že potřebujete prodiskutovat jakékoli vaše požadavky nebo obavy.

Viz také

Používání System.Drawing s .NET 6 na platformě jiné než Windows