Làm việc với Aspose.Drawing trong ASP.NET Core Web App

Trong bài viết này, chúng ta sẽ tìm hiểu cách tạo và hiển thị đồ họa vector trong ứng dụng Web ASP.NET Core với các trang dao cạo. Để tạo đồ họa vector tuyệt đẹp, chúng tôi sẽ sử dụng thư viện Aspose.Drawing. Trong hướng dẫn từng bước này, chúng tôi sẽ hướng dẫn bạn quy trình tích hợp Aspose.Drawing vào một ứng dụng web ASP.NET Core.

Hiểu về Aspose.Drawing for .NET

Aspose.Drawing for .NET là thư viện đồ họa 2D đa nền tảng để vẽ đồ họa vector. Nó trao quyền cho các nhà phát triển làm việc với đồ họa vector theo chương trình. Thư viện cho phép bạn hiển thị đồ họa vector trên hình ảnh raster, chẳng hạn như đường thẳng, đường cong và hình, cũng như văn bản. Sau đó, hình ảnh có thể được lưu ở tất cả các định dạng đồ họa thường được sử dụng bao gồm BMP, PNG, JPEG, GIF và TIFF.

Cách tạo và hiển thị đồ họa vector trong các trang web ASP.NET Core

Chúng ta có thể tạo và hiển thị đồ họa vector trong các ứng dụng web ASP.NET Core bằng cách thực hiện theo các bước bên dưới:

Tạo một dự án ứng dụng web ASP.NET Core

  • Tạo một dự án mới và chọn mẫu dự án ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Sau đó, viết tên dự án và chuyển sang bước tiếp theo.

  • Cuối cùng, chọn framework .NET 7.0 (Standard Term Support), đánh dấu vào tùy chọn Configure for HTTPS và nhấp vào nút Create để tạo dự án.

Chọn khung dự án

Chọn khung dự án

Thêm gói Aspose.Drawing NuGet

Cài đặt Aspose.Drawing for .NET

Cài đặt Aspose.Drawing for .NET

Thêm mã vẽ hình ảnh

  • Mở Pages\Index.cshtml.cs và thay thế nội dung của nó bằng tập lệnh sau.
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)
        {
            // Ví dụ mã này trình bày cách vẽ Vùng.
            // Tạo một Bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Đồ họa khởi tạo từ Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Khởi tạo đường dẫn đồ họa
            GraphicsPath path = new GraphicsPath();

            // Thêm một đa giác
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Khởi tạo một vùng
            Region region = new Region(path);

            // Đường đồ họa bên trong
            GraphicsPath innerPath = new GraphicsPath();

            // Thêm một hình chữ nhật
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Loại trừ đường dẫn bên trong
            region.Exclude(innerPath);

            // Xác định một bàn chải rắn
            Brush brush = new SolidBrush(Color.Green);

            // điền vùng
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Mở Pages\Index.cshtml và thay thế nội dung của nó bằng tập lệnh sau.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Thêm tệp giấy phép Aspose.Drawing

  • Sao chép tệp Aspose.Drawing.NET.lic của bạn với thông tin cấp phép Aspose.Drawing vào thư mục dự án. Mở thuộc tính tệp này từ Solution Explorer và đặt Build Action thành tài nguyên được nhúng.

  • Sau đó, mở Program.cs và thêm đoạn mã sau để đặt giấy phép Aspose.Drawing.

// Giấy phép
System.Drawing.AsposeDrawing.Giấy phép license = new System.Drawing.AsposeDrawing.Giấy phép();
license.SetGiấy phép("Aspose.Drawing.NET.lic");
  • Cuối cùng, chạy ứng dụng.
đầu ra

đầu ra

Tải xuống mã nguồn

Bạn có thể tải xuống ứng dụng Web.NET mã nguồn ASP hoàn chỉnh từ GitHub.

Nhận giấy phép miễn phí

Nếu muốn dùng thử thư viện mà không có bất kỳ giới hạn nào, bạn có thể xin giấy phép tạm thời miễn phí.

Aspose.Drawing – Tài nguyên học tập miễn phí

Bạn có thể khám phá nhiều tính năng khác của thư viện Aspose.Drawing bằng các tài nguyên sau:

Phần kết luận

Tóm lại, Aspose.Drawing là một tài sản quý giá dành cho các nhà phát triển Web ASP.NET đang tìm cách kết hợp đồ họa vector động và hấp dẫn trực quan vào các dự án web của họ. Bằng cách làm theo các bước được cung cấp, bạn sẽ mở khóa các khả năng mới trong phát triển web với Aspose.Drawing. Trong trường hợp có bất kỳ sự mơ hồ nào, vui lòng liên hệ với chúng tôi trên diễn đàn hỗ trợ miễn phí của chúng tôi.

Xem thêm