استخدام System.Drawing في تطبيق Blazor WebAssembly في C#

يستخدم إطار عمل Blazor على نطاق واسع لبناء واجهة مستخدم ويب تفاعلية وقابلة لإعادة الاستخدام في تقنيات الويب. علاوة على ذلك ، يتم تشغيل تطبيقات Blazor WebAssembly مباشرة في المستعرض في وقت تشغيل .NET المستند إلى WebAssembly. تتناول هذه المقالة كيفية استخدام مكتبة System.Drawing في تطبيق Blazor WebAssembly. يمكن استخدام واجهة برمجة التطبيقات لرسم سلاسل نصية وصور ورسومات متجهية وما إلى ذلك. دعنا ننتقل إلى هذه المقالة تحت العناوين التالية لمعرفة المزيد من التفاصيل:

• أنشئ مشروع تطبيق C# Blazor WebAssembly
• قم بتحديث مراجع المشروع
• أضف الكود لرسم صورة
• أضف الترخيص ورمز التهيئة
• قم بتشغيل التطبيق

أنشئ مشروع تطبيق C# Blazor WebAssembly

في 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");

قم بتشغيل التطبيق

قم بتشغيل التطبيق من Microsoft Visual Studio IDE وسيعرض المتصفح صورة التدرج على النحو التالي:

استنتاج

في هذه المقالة ، تعلمت كيفية استخدام وظيفة System.Drawing في تطبيق Blazor WebAssembly. يمكنك زيارة مساحة التوثيق لمزيد من التفاصيل حول الميزات التي تقدمها API. علاوة على ذلك ، يرجى التواصل معنا عبر المنتدى في حال احتجت إلى مناقشة أي من متطلباتك أو مخاوفك.

أنظر أيضا

استخدام System.Drawing مع .NET 6 على نظام أساسي بخلاف Windows