Gambar Scalable Vector Graphics (SVG) populer karena skalabilitasnya. Mereka sering digunakan melalui web untuk menampilkan informasi visual. Pada artikel ini, Anda akan mempelajari cara membuat file gambar SVG secara terprogram menggunakan C#. Bagian berikut mencakup kasus penggunaan yang berbeda:

C# SVG Image Creator – Instalasi API

Aspose.SVG for .NET API dapat digunakan untuk membuat, mengedit, dan memanipulasi file gambar SVG. Anda dapat mengulangi node yang berbeda atau mengonversi file ke format file yang didukung. Silakan unduh file DLL dari bagian Rilis Baru, atau gunakan perintah penginstalan NuGet berikut:

PM> Install-Package Aspose.SVG

Setelah berhasil mengonfigurasi API, Anda dapat mempelajari cara membuat gambar SVG sederhana dan dasar dan nanti Anda akan menjelajahi lebih jauh dengan bantuan contoh lanjutan.

Buat File Gambar SVG Secara Terprogram dengan C#

  1. Anda dapat membuat file gambar SVG dengan langkah-langkah berikut:
  2. Tentukan konten SVG sebagai string.
  3. Inisialisasi objek kelas SVGDocument dari konten string.
  4. Simpan dokumen ke file dengan metode Save.

Kode berikut menjelaskan cara membuat file gambar SVG secara terprogram menggunakan C#:

// Tentukan konten SVG sebagai string
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Inisialisasi objek kelas SVGDocument dari konten string
SVGDocument document = new SVGDocument(documentContent, ".");

// Simpan dokumen ke file
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Buat Gambar SVG dengan HTML Tersemat Secara terprogram menggunakan C#

SVG konsisten dengan semua bahasa berbasis XML untuk mendeskripsikan dan merender konten yang disematkan. Kamu dapat memakai elemen untuk menyertakan konten HTML dalam file SVG. Silakan ikuti langkah-langkah berikut untuk membuat gambar SVG dengan HTML tersemat:

  1. Tentukan konten SVG dengan HTML tersemat.
  2. Tentukan namespace XHTML dari mana objek asing berasal.
  3. Inisialisasi dokumen SVG menggunakan SVGDocument.
  4. Simpan dokumen ke file dengan pencacahan SVGSaveFormat.

Kode di bawah ini menjelaskan cara membuat gambar SVG dengan konten HTML tertanam secara terprogram menggunakan C#:

// Tentukan konten SVG dengan HTML tersemat.
// Tentukan namespace XHTML dari mana objek asing berasal.
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// Inisialisasi dokumen SVG menggunakan SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Simpan dokumen ke file dengan pencacahan SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Dapatkan Lisensi API Gratis

Anda dapat mengevaluasi Aspose API tanpa batasan apa pun dengan meminta Lisensi Sementara Gratis.

Kesimpulan

Pada artikel ini, Anda telah mempelajari cara membuat file gambar SVG dari awal secara terprogram menggunakan C#. Anda telah menjelajahi pembuatan gambar SVG sederhana serta gambar SVG tingkat lanjut dengan konten HTML tersemat. Anda dapat menjelajahi API lebih lanjut dengan melihat API Documentation. Selain itu, jika ada pertanyaan, jangan ragu untuk menghubungi kami di Forum Dukungan Gratis.

Lihat juga