العمل مع Aspose.Drawing في تطبيق ويب ASP.NET Core

في هذه المقالة ، سوف نتعلم كيفية إنشاء وعرض الرسومات المتجهة في تطبيق ويب ASP.NET Core مع صفحات موس. لإنشاء رسومات موجهة مذهلة ، سنستخدم مكتبة Aspose.Drawing. في هذا الدليل المفصل خطوة بخطوة ، سنرشدك خلال عملية دمج Aspose.Drawing إلى تطبيق ويب ASP.NET Core.

فهم Aspose.Drawing for .NET

Aspose.Drawing for .NET هي مكتبة رسومات ثنائية الأبعاد مشتركة بين الأنظمة الأساسية لرسم الرسومات المتجهة. إنه يمكّن المطورين من العمل مع الرسومات المتجهة برمجيًا. تتيح لك المكتبة عرض الرسومات المتجهة على الصور النقطية ، مثل الخطوط والمنحنيات والأشكال ، بالإضافة إلى النص. يمكن بعد ذلك حفظ الصور بجميع تنسيقات الرسوم المستخدمة بشكل شائع بما في ذلك BMP و PNG و JPEG و GIF و TIFF.

كيفية إنشاء وعرض الرسومات المتجهة في صفحات ويب ASP.NET الأساسية

يمكننا إنشاء وعرض الرسومات المتجهة في تطبيقات الويب ASP.NET Core باتباع الخطوات التالية:

قم بإنشاء مشروع تطبيق ويب ASP.NET Core

  • أنشئ مشروعًا جديدًا وحدد قالب مشروع ASP.NET Core Web App.
Select the project template.

Select the project template.

  • بعد ذلك ، اكتب اسم المشروع وانتقل إلى الخطوة التالية.

  • أخيرًا ، حدد framework .NET 7.0 (Standard Term Support) ، وحدد خيار Configure for HTTPS ، وانقر فوق الزر Create (إنشاء) لإنشاء المشروع.

حدد إطار المشروع

حدد إطار المشروع

إضافة Aspose.Drawing حزمة NuGet

قم بتثبيت Aspose.Drawing for .NET

قم بتثبيت Aspose.Drawing for .NET

أضف رمز رسم صورة

  • افتح Pages \ Index.cshtml.cs واستبدل محتواه بالنص التالي.
using Microsoft.AspNetCore.Mvc.RazorPages;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.Drawing;

namespace AsposeDrawingWebApplication.Pages
{
    public class IndexModel : PageModel
    {
        private readonly ILogger<IndexModel> _logger;
        
        public string imageSrc { get; set; }

        public IndexModel(ILogger<IndexModel> logger)
        {
            _logger = logger;
        }
        public void OnGet()
        {
            imageSrc = "data:image/png;base64, " + Convert.ToBase64String(Draw(ImageFormat.Png).ToArray());
        }

        static MemoryStream Draw(ImageFormat format)
        {
            // يوضح مثال الكود هذا كيفية رسم منطقة.
            // قم بإنشاء صورة نقطية
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Initialie Graphics من Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // تهيئة مسار الرسومات
            GraphicsPath path = new GraphicsPath();

            // أضف مضلعًا
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // تهيئة المنطقة
            Region region = new Region(path);

            // مسار الرسومات الداخلي
            GraphicsPath innerPath = new GraphicsPath();

            // أضف مستطيل
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // استبعاد المسار الداخلي
            region.Exclude(innerPath);

            // حدد فرشاة صلبة
            Brush brush = new SolidBrush(Color.Green);

            // منطقة التعبئة
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • افتح Pages \ Index.cshtml واستبدل محتواه بالنص التالي.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    
    <img src="@Model.imageSrc" />
</div>

قم بإضافة ملف ترخيص Aspose.Drawing

  • انسخ ملف Aspose.Drawing.NET.lic باستخدام Aspose.Drawing معلومات الترخيص إلى دليل المشروع. افتح خاصية الملف هذه من Solution Explorer وقم بتعيين Build Action إلى مورد مضمن.

  • بعد ذلك ، افتح Program.cs وأضف الكود التالي لتعيين ترخيص Aspose.Drawing.

// رخصة
System.Drawing.AsposeDrawing.رخصة license = new System.Drawing.AsposeDrawing.رخصة();
license.Setرخصة("Aspose.Drawing.NET.lic");
  • أخيرًا ، قم بتشغيل التطبيق.
انتاج |

انتاج |

قم بتنزيل شفرة المصدر

يمكنك تنزيل تطبيق ويب .NET code code كامل لـ ASP من GitHub.

احصل على رخصة مجانية

إذا كنت ترغب في تجربة المكتبة دون أي قيود ، يمكنك الحصول على ترخيص مؤقت مجاني.

Aspose.Drawing - مصادر تعليمية مجانية

يمكنك استكشاف العديد من الميزات الأخرى لمكتبة Aspose.Drawing باستخدام الموارد التالية:

خاتمة

في الختام ، Aspose.Drawing هو أحد الأصول القيمة لمطوري ويب ASP.NET الذين يتطلعون إلى دمج رسومات متجهة ديناميكية وآسرة بصريًا في مشاريع الويب الخاصة بهم. باتباع الخطوات المقدمة ، ستفتح إمكانيات جديدة في تطوير الويب باستخدام Aspose.Drawing. في حالة وجود أي غموض ، يرجى الاتصال بنا على منتدى الدعم المجاني.

أنظر أيضا