في هذه المقالة ، سوف نتعلم كيفية إنشاء وعرض الرسومات المتجهة في تطبيق ويب 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.
بعد ذلك ، اكتب اسم المشروع وانتقل إلى الخطوة التالية.
أخيرًا ، حدد framework .NET 7.0 (Standard Term Support) ، وحدد خيار Configure for HTTPS ، وانقر فوق الزر Create (إنشاء) لإنشاء المشروع.
إضافة Aspose.Drawing حزمة NuGet
- افتح NuGet Package Manager وقم بتثبيت حزمة 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. في حالة وجود أي غموض ، يرجى الاتصال بنا على منتدى الدعم المجاني.