کار با Aspose.Drawing در ASP.NET Core Web App

در این مقاله نحوه ایجاد و نمایش گرافیک های برداری در یک برنامه ASP.NET Core Web با صفحات تیغ را یاد خواهیم گرفت. برای ایجاد گرافیک های برداری خیره کننده، از کتابخانه Aspose.Drawing استفاده می کنیم. در این راهنمای گام به گام، شما را از طریق فرآیند ادغام Aspose.Drawing در یک برنامه وب ASP.NET Core راهنمایی خواهیم کرد.

درک Aspose.Drawing برای دات نت

Aspose.Drawing for .NET یک کتابخانه گرافیکی دو بعدی بین پلتفرمی برای ترسیم گرافیک های برداری است. این به توسعه دهندگان این امکان را می دهد که به صورت برنامه ریزی شده با گرافیک های برداری کار کنند. این کتابخانه به شما امکان می دهد گرافیک های برداری را روی تصاویر شطرنجی مانند خطوط، منحنی ها و شکل ها و همچنین متن ارائه دهید. سپس می‌توان تصاویر را در همه فرمت‌های گرافیکی رایج از جمله BMP، PNG، JPEG، GIF و TIFF ذخیره کرد.

نحوه ایجاد و نمایش گرافیک برداری در صفحات وب اصلی ASP.NET

با دنبال کردن مراحل زیر می‌توانیم گرافیک‌های برداری را در برنامه‌های تحت وب ASP.NET Core ایجاد و نمایش دهیم:

یک پروژه ASP.NET Core Web App ایجاد کنید

  • یک پروژه جدید ایجاد کنید و الگوی پروژه 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 را برای دات نت نصب کنید

Aspose.Drawing را برای دات نت نصب کنید

یک کد طراحی تصویر اضافه کنید

  • 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 را روی Embedded Resource تنظیم کنید.

  • پس از آن، Program.cs را باز کنید و کد زیر را برای تنظیم مجوز Aspose.Drawing اضافه کنید.

// مجوز
System.Drawing.AsposeDrawing.مجوز license = new System.Drawing.AsposeDrawing.مجوز();
license.Setمجوز("Aspose.Drawing.NET.lic");
  • در نهایت برنامه را اجرا کنید.
خروجی

خروجی

کد منبع را دانلود کنید

می توانید برنامه کامل وب منبع کد ASP.NET را از GitHub دانلود کنید.

مجوز رایگان دریافت کنید

اگر می‌خواهید کتابخانه را بدون هیچ محدودیتی امتحان کنید، می‌توانید مجوز موقت رایگان دریافت کنید.

Aspose.Drawing – منابع آموزشی رایگان

با استفاده از منابع زیر می توانید ویژگی های مختلف دیگر کتابخانه Aspose.Drawing را کشف کنید:

نتیجه

در پایان، Aspose.Drawing یک دارایی ارزشمند برای توسعه دهندگان وب ASP.NET است که به دنبال ترکیب گرافیک های برداری پویا و بصری جذاب در پروژه های وب خود هستند. با دنبال کردن مراحل ارائه شده، امکانات جدیدی را در توسعه وب با Aspose.Drawing باز خواهید کرد. در صورت وجود هرگونه ابهام، لطفاً در تالار گفتمان پشتیبانی رایگان با ما تماس بگیرید.

همچنین ببینید