ASP.NET Core 웹 앱에서 Aspose.Drawing 작업

이 기사에서는 Razor 페이지를 사용하여 ASP.NET Core 웹 애플리케이션에서 벡터 그래픽을 만들고 표시하는 방법을 배웁니다. 멋진 벡터 그래픽을 만들기 위해 Aspose.Drawing 라이브러리를 사용합니다. 이 단계별 가이드에서는 Aspose.Drawing을 ASP.NET Core 웹앱에 통합하는 과정을 안내합니다.

.NET용 Aspose.Drawing 이해

Aspose.Drawing for .NET은 벡터 그래픽을 그리기 위한 크로스 플랫폼 2D 그래픽 라이브러리입니다. 개발자가 벡터 그래픽을 프로그래밍 방식으로 작업할 수 있습니다. 라이브러리를 사용하면 텍스트뿐만 아니라 선, 곡선 및 그림과 같은 래스터 이미지에 벡터 그래픽을 렌더링할 수 있습니다. 그런 다음 BMP, PNG, JPEG, GIF 및 TIFF를 포함하여 일반적으로 사용되는 모든 그래픽 형식으로 이미지를 저장할 수 있습니다.

ASP.NET Core 웹 페이지에서 벡터 그래픽을 만들고 표시하는 방법

아래 단계에 따라 ASP.NET Core 웹 애플리케이션에서 벡터 그래픽을 만들고 표시할 수 있습니다.

ASP.NET Core 웹앱 프로젝트 만들기

  • 새 프로젝트를 만들고 ASP.NET Core Web App 프로젝트 템플릿을 선택합니다.
Select the project template.

Select the project template.

  • 그런 다음 프로젝트 이름을 적고 다음 단계로 이동합니다.

  • 마지막으로 프레임워크 .NET 7.0(Standard Term Support)을 선택하고 Configure for HTTPS 옵션을 선택한 후 Create 버튼을 클릭하여 프로젝트를 생성합니다.

프로젝트 프레임워크 선택

프로젝트 프레임워크 선택

Aspose.Drawing NuGet 패키지 추가

.NET용 Aspose.Drawing 설치

.NET용 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);

            // 비트맵의 초기 그래픽
            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 라이선스 정보가 포함된 Aspose.Drawing.NET.lic 파일을 프로젝트 디렉토리에 복사합니다. 솔루션 탐색기에서 이 파일 속성을 열고 빌드 작업을 포함된 리소스로 설정합니다.

  • 그런 다음 Program.cs를 열고 다음 코드를 추가하여 Aspose.Drawing 라이선스를 설정합니다.

// 특허
System.Drawing.AsposeDrawing.특허 license = new System.Drawing.AsposeDrawing.특허();
license.Set특허("Aspose.Drawing.NET.lic");
  • 마지막으로 애플리케이션을 실행합니다.
산출

산출

소스 코드 다운로드

GitHub에서 완전한 ASP 소스 코드.NET 웹 애플리케이션을 다운로드할 수 있습니다.

무료 라이선스 받기

제한 없이 라이브러리를 사용하려면 무료 임시 라이선스를 획득할 수 있습니다.

Aspose.Drawing – 무료 학습 리소스

다음 리소스를 사용하여 Aspose.Drawing 라이브러리의 다양한 기타 기능을 탐색할 수 있습니다.

결론

결론적으로 Aspose.Drawing은 동적이고 시각적으로 매력적인 벡터 그래픽을 웹 프로젝트에 통합하려는 ASP.NET 웹 개발자에게 귀중한 자산입니다. 제공된 단계를 따르면 Aspose.Drawing을 사용하여 웹 개발의 새로운 가능성을 열 수 있습니다. 모호한 점이 있는 경우 무료 지원 포럼에 문의하십시오.

또한보십시오