מסגרת Blazor נמצאת בשימוש נרחב לבניית ממשק משתמש אינטרנט אינטראקטיבי וניתן לשימוש חוזר בטכנולוגיות אינטרנט. יתרה מכך, אפליקציות Blazor WebAssembly פועלות ישירות בדפדפן בזמן ריצה מבוסס WebAssembly .NET. מאמר זה מכסה כיצד להשתמש בספריית System.Drawing באפליקציה Blazor WebAssembly. ניתן להשתמש ב-API כדי לצייר מחרוזות טקסט, תמונות, גרפיקה וקטורית וכו’. הבה נעבור על מאמר זה תחת הכותרות הבאות כדי ללמוד פרטים נוספים:
- צור פרויקט C# Blazor WebAssembly App
- עדכן את ההפניות לפרויקט
- הוסף את הקוד כדי לצייר תמונה
- הוסף את הרישיון ואת קוד האתחול
- הפעל את האפליקציה
צור פרויקט C# Blazor WebAssembly App
ב-Microsoft Visual Studio IDE, צור אפליקציית Blazor WebAssembly. לחץ על הלחצן ‘הבא’ ולאחר מכן סמן את תיבות הסימון של .NET 5.0 ו-ASP.NET Core לפי צילומי המסך הבאים.
עדכן את ההפניות לפרויקט
עיין בגלריה NuGet והגדר את חבילת Aspose.Drawing שתתווסף כתלות בפרויקט.
הוסף את הקוד כדי לצייר תמונה
החלף את תוכן הקובץ Pages/Index.razor בקטע הקוד הבא כדי ליצור תמונה המכילה את הציור.
@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;
}
}
הוסף את הרישיון ואת קוד האתחול
כעת תוכל להוסיף את קובץ הרישיון כמשאב מוטבע ולהוסיף את קוד אתחול הרישיון הבא לשיטה הראשית בקובץ Program.cs. עם זאת, במקרה שאין לך רישיון, תוכל לבקש רישיון זמני בחינם.
Aspose.Drawing.License license = new Aspose.Drawing.License();
license.SetLicense("BlazorApp1.Client.Aspose.Drawing.NET.lic");
הפעל את האפליקציה
הפעל את היישום מה-IDE של Microsoft Visual Studio והדפדפן יציג את תמונת השיפוע כדלקמן:
סיכום
במאמר זה, למדת כיצד להשתמש בפונקציונליות System.Drawing ביישום Blazor WebAssembly. אתה יכול לבקר במרחב תיעוד לפרטים נוספים על התכונות שמציע ה-API. יתר על כן, אנא פנה אלינו דרך הפורום למקרה שתצטרך לדון בדרישות או דאגות שלך.