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
- Proje Referanslarını Güncelle
- Resim Çizmek İçin Kodu Ekleyin
- Lisans ve Başlatma Kodunu Ekleyin
- Uygulamayı Çalıştır
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.
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