עבודה עם Aspose.Drawing ב-ASP.NET Core Web App

במאמר זה נלמד כיצד ליצור ולהציג גרפיקה וקטורית באפליקציית ASP.NET Core Web עם דפי גילוח. ליצירת גרפיקה וקטורית מדהימה, נשתמש בספריית Aspose.Drawing. במדריך שלב אחר שלב זה, נלווה אותך בתהליך של שילוב Aspose.Drawing באפליקציית אינטרנט של ASP.NET Core.

הבנת Aspose.Drawing עבור .NET

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 (תמיכה במונחים סטנדרטיים), סמן את האפשרות Configure for HTTPS, ולחץ על כפתור Create כדי ליצור את הפרויקט.

בחר מסגרת פרויקט

בחר מסגרת פרויקט

הוסף את חבילת Aspose.Drawing NuGet

התקן את Aspose.Drawing עבור NET

התקן את Aspose.Drawing עבור 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);

            // גרפיקה ראשונית מ- 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 לספריית הפרויקט. פתח את מאפיין הקובץ הזה מסייר הפתרונות והגדר את Build Action למשאב מוטבע.

  • לאחר מכן, פתח את 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. בכל מקרה של אי בהירות, אנא צור איתנו קשר בפורום התמיכה החינמי שלנו.

ראה גם