Blazor WebAssembply Uygulamasında System.Drawing C#

Blazor çerçevesi, web teknolojilerinde etkileşimli ve yeniden kullanılabilir web kullanıcı arabirimi oluşturmak için yaygın olarak kullanılır. Ayrıca Blazor WebAssembly uygulamaları, WebAssembly tabanlı bir .NET çalışma zamanında doğrudan tarayıcıda yürütülür. Bu makale, bir Blazor WebAssembly uygulamasında System.Drawing kitaplığının nasıl kullanılacağını kapsar. API, metin dizileri, resimler, vektör grafikleri vb. çizmek için kullanılabilir. Daha fazla ayrıntı öğrenmek için bu makaleyi aşağıdaki başlıklar altında inceleyelim:

C# Blazor WebAssembly Uygulama Projesi Oluşturma

Microsoft Visual Studio IDE’de bir Blazor WebAssembly uygulaması oluşturun. ‘İleri’ düğmesine basın ve ardından aşağıdaki ekran görüntülerine göre .NET 5.0 ve ASP.NET Core onay kutularını işaretleyin.

Blazor WebAssembly Uygulaması
System.Drawing Blazor

Proje Referanslarını Güncelleme

NuGet galerisine göz atın ve proje bağımlılığı olarak eklenecek Aspose.Drawing paketini yapılandırın.

Resim Çizmek İçin Kodu Ekleyin

Çizimi içeren bir resim oluşturmak için Pages/Index.razor dosya içeriğini aşağıdaki kod parçasıyla değiştirin.

@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;
    }
}

Lisans ve Başlatma Kodunu Ekleyin

Artık lisans dosyasını katıştırılmış bir kaynak olarak ekleyebilir ve aşağıdaki lisans başlatma kodunu Program.cs dosyasındaki ana yönteme ekleyebilirsiniz. Ancak lisansınız yoksa ücretsiz geçici lisans talebinde bulunabilirsiniz.

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

Uygulamayı Çalıştır

Uygulamayı Microsoft Visual Studio IDE’den çalıştırın ve tarayıcı gradyan görüntüsünü aşağıdaki gibi gösterecektir:

Çözüm

Bu yazıda, Blazor WebAssembly uygulamasında System.Drawing işlevinin nasıl kullanılacağını öğrendiniz. API tarafından sunulan özellikler hakkında daha fazla ayrıntı için dokümantasyon alanını ziyaret edebilirsiniz. Ayrıca, herhangi bir gereksiniminiz veya endişeniz olması durumunda lütfen forum aracılığıyla bize ulaşın.

Ayrıca bakınız

Windows olmayan bir Platformda System.Drawing’i .NET 6 ile kullanma