ASP.NET Core Web App'te Aspose.Drawing ile Çalışmak

Bu yazıda, jilet sayfalı bir ASP.NET Core Web uygulamasında vektör grafiklerinin nasıl oluşturulacağını ve görüntüleneceğini öğreneceğiz. Çarpıcı vektör grafikleri oluşturmak için Aspose.Drawing kitaplığını kullanacağız. Bu adım adım kılavuzda, Aspose.Drawing’i bir ASP.NET Core web uygulamasına entegre etme sürecinde size yol göstereceğiz.

Aspose.Drawing for .NET’i Anlamak

Aspose.Drawing for .NET, vektör grafikleri çizmek için platformlar arası bir 2B grafik kitaplığıdır. Geliştiricilerin programlı olarak vektör grafikleriyle çalışmasına olanak tanır. Kitaplık, metinlerin yanı sıra çizgiler, eğriler ve şekiller gibi raster görüntülerde vektör grafikleri oluşturmanıza olanak tanır. Görüntüler daha sonra BMP, PNG, JPEG, GIF ve TIFF dahil olmak üzere yaygın olarak kullanılan tüm grafik formatlarında kaydedilebilir.

ASP.NET Core Web Sayfalarında Vektör Grafikleri Oluşturma ve Görüntüleme

Aşağıdaki adımları izleyerek ASP.NET Core web uygulamalarında vektör grafikleri oluşturabilir ve görüntüleyebiliriz:

ASP.NET Core Web Uygulaması Projesi Oluşturma

  • Yeni bir proje oluşturun ve ASP.NET Core Web App proje şablonunu seçin.
Select the project template.

Select the project template.

  • Bundan sonra, proje adını yazın ve bir sonraki adıma geçin.

  • Son olarak, çerçeve .NET 7.0’ı (Standart Dönem Desteği) seçin, HTTPS için Yapılandır seçeneğini işaretleyin ve projeyi oluşturmak için Oluştur düğmesine tıklayın.

Proje çerçevesini seçin

Proje çerçevesini seçin

Aspose.Drawing NuGet Paketini Ekleme

Aspose.Drawing for .NET'i kurun

Aspose.Drawing for .NET’i kurun

Resim Çizim Kodu Ekleme

  • Pages\Index.cshtml.cs dosyasını açın ve içeriğini aşağıdaki komut dosyasıyla değiştirin.
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)
        {
            // Bu kod örneği, bir Bölgenin nasıl çizileceğini gösterir.
            // Bit eşlem oluştur
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Bitmap'ten Başlangıç Grafikleri
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Grafik yolunu başlat
            GraphicsPath path = new GraphicsPath();

            // Çokgen Ekle
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Bir Bölge Başlat
            Region region = new Region(path);

            // Dahili Grafik Yolu
            GraphicsPath innerPath = new GraphicsPath();

            // Dikdörtgen Ekle
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // İç yolu hariç tut
            region.Exclude(innerPath);

            // Katı bir fırça tanımlayın
            Brush brush = new SolidBrush(Color.Green);

            // Bölgeyi doldur
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Pages\Index.cshtml dosyasını açın ve içeriğini aşağıdaki komut dosyasıyla değiştirin.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Aspose.Drawing Lisans Dosyasını Ekleyin

  • Aspose.Drawing lisans bilgilerini içeren Aspose.Drawing.NET.lic dosyanızı proje dizinine kopyalayın. Solution Explorer’dan bu dosya özelliğini açın ve Eylem Oluştur’u Katıştırılmış kaynak olarak ayarlayın.

  • Ardından Program.cs’yi açın ve Aspose.Drawing lisansını ayarlamak için aşağıdaki kodu ekleyin.

// Lisans
System.Drawing.AsposeDrawing.Lisans license = new System.Drawing.AsposeDrawing.Lisans();
license.SetLisans("Aspose.Drawing.NET.lic");
  • Son olarak uygulamayı çalıştırın.
Çıktı

Çıktı

Kaynak Kodunu İndirin

ASP kaynak kodunun tamamını GitHub‘dan indirebilirsiniz.

Ücretsiz Lisans Alın

Kitaplığı herhangi bir sınırlama olmaksızın denemek isterseniz, ücretsiz bir geçici lisans alabilirsiniz.

Aspose.Drawing – Ücretsiz Öğrenme Kaynakları

Aşağıdaki kaynakları kullanarak Aspose.Drawing kitaplığının çeşitli diğer özelliklerini keşfedebilirsiniz:

Çözüm

Sonuç olarak Aspose.Drawing, dinamik ve görsel olarak büyüleyici vektör grafiklerini web projelerine dahil etmek isteyen ASP.NET Web geliştiricileri için değerli bir varlıktır. Verilen adımları takip ederek, Aspose.Drawing ile web geliştirmede yeni olasılıkların kilidini açacaksınız. Herhangi bir belirsizlik durumunda, lütfen ücretsiz destek forumumuzda bizimle iletişime geçin.

Ayrıca bakınız