Bekerja dengan Aspose.Drawing di ASP.NET Core Web App

Pada artikel ini, kita akan mempelajari cara membuat dan menampilkan grafik vektor di aplikasi ASP.NET Core Web dengan halaman silet. Untuk membuat grafik vektor yang menakjubkan, kita akan menggunakan pustaka Aspose.Drawing. Dalam panduan langkah demi langkah ini, kami akan memandu Anda melalui proses pengintegrasian Aspose.Drawing ke dalam aplikasi web ASP.NET Core.

Memahami Aspose.Drawing for .NET

Aspose.Drawing for .NET adalah pustaka grafik 2D lintas platform untuk menggambar grafik vektor. Ini memberdayakan pengembang untuk bekerja dengan grafik vektor secara terprogram. Pustaka memungkinkan Anda merender grafik vektor pada gambar raster, seperti garis, kurva, dan gambar, serta teks. Gambar kemudian dapat disimpan dalam semua format grafik yang umum digunakan termasuk BMP, PNG, JPEG, GIF, dan TIFF.

Cara Membuat dan Menampilkan Grafik Vektor di Halaman Web Inti ASP.NET

Kita dapat membuat dan menampilkan grafik vektor di aplikasi web ASP.NET Core dengan mengikuti langkah-langkah di bawah ini:

Buat Proyek Aplikasi Web Inti ASP.NET

  • Buat proyek baru dan pilih template proyek ASP.NET Core Web App.
Select the project template.

Select the project template.

  • Setelah itu, tulis nama proyek dan lanjutkan ke langkah berikutnya.

  • Terakhir, pilih framework .NET 7.0 (Standard Term Support), centang opsi Configure for HTTPS, dan klik tombol Create untuk membuat proyek.

Pilih kerangka kerja proyek

Pilih kerangka kerja proyek

Tambahkan Paket Aspose.Drawing NuGet

Instal Aspose.Drawing for .NET

Instal Aspose.Drawing for .NET

Tambahkan Kode Gambar Gambar

  • Buka Pages\Index.cshtml.cs dan ganti kontennya dengan skrip berikut.
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)
        {
            // Contoh kode ini menunjukkan cara menggambar Wilayah.
            // Buat Bitmap
            Bitmap bitmap = new Bitmap(1000, 800, System.Drawing.Imaging.PixelFormat.Format32bppPArgb);

            // Initialie Graphics dari Bitmap
            Graphics graphics = Graphics.FromImage(bitmap);
            graphics.SmoothingMode = SmoothingMode.AntiAlias;

            // Inisialisasi jalur Grafik
            GraphicsPath path = new GraphicsPath();

            // Tambahkan Poligon
            path.AddPolygon(new Point[] { new Point(100, 400), new Point(500, 100), new Point(900, 400), new Point(500, 700) });

            // Inisialisasi Wilayah
            Region region = new Region(path);

            // Jalur Grafik Dalam
            GraphicsPath innerPath = new GraphicsPath();

            // Tambahkan Persegi Panjang
            innerPath.AddRectangle(new Rectangle(300, 300, 400, 200));

            // Kecualikan jalur dalam
            region.Exclude(innerPath);

            // Tentukan sikat padat
            Brush brush = new SolidBrush(Color.Green);

            // Isi wilayah
            graphics.FillRegion(brush, region);

            MemoryStream result = new MemoryStream();
            bitmap.Save(result, format);
            result.Seek(0, SeekOrigin.Begin);
            return result;
        }
    }
}
  • Buka Pages\Index.cshtml dan ganti kontennya dengan skrip berikut.
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

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

Tambahkan File Lisensi Aspose.Drawing

  • Salin file Aspose.Drawing.NET.lic Anda dengan informasi lisensi Aspose.Drawing ke direktori proyek. Buka properti file ini dari Solution Explorer dan atur Build Action ke Embedded resource.

  • Setelah itu, buka Program.cs dan tambahkan kode berikut untuk mengatur lisensi Aspose.Drawing.

// Lisensi
System.Drawing.AsposeDrawing.Lisensi license = new System.Drawing.AsposeDrawing.Lisensi();
license.SetLisensi("Aspose.Drawing.NET.lic");
  • Terakhir, jalankan aplikasinya.
Keluaran

Keluaran

Unduh Kode Sumber

Anda dapat mengunduh aplikasi Web kode sumber ASP lengkap.NET dari GitHub.

Dapatkan Lisensi Gratis

Jika Anda ingin mencoba perpustakaan tanpa batasan apa pun, Anda dapat mendapatkan lisensi sementara gratis.

Aspose.Drawing – Sumber Belajar Gratis

Anda dapat menjelajahi berbagai fitur lain dari pustaka Aspose.Drawing menggunakan sumber daya berikut:

Kesimpulan

Kesimpulannya, Aspose.Drawing adalah aset berharga bagi pengembang Web ASP.NET yang ingin menggabungkan grafik vektor yang dinamis dan menawan secara visual ke dalam proyek web mereka. Dengan mengikuti langkah-langkah yang diberikan, Anda akan membuka kemungkinan baru dalam pengembangan web dengan Aspose.Drawing. Jika ada ambiguitas, silakan hubungi kami di forum dukungan gratis.

Lihat juga