SVG dengan Gambar Di Dalam di C# | PNG dalam SVG | JPG dalam SVG

Scalable Vector Graphics (SVG) adalah format gambar canggih yang dapat digunakan untuk membuat gambar berkualitas tinggi dan dapat diskalakan untuk web. Gambar SVG dibuat menggunakan kode XML, yang membuatnya mudah dibuat dan dimodifikasi. Dalam kasus tertentu, kita mungkin perlu menyematkan sumber daya seperti gambar PNG atau JPG ke dalam SVG. Dalam postingan blog ini, kami akan menunjukkan cara membuat SVG dengan gambar di dalamnya menggunakan C#.

Artikel ini mencakup topik-topik berikut:

  1. C# API untuk Membuat SVG dengan Gambar Di Dalamnya
  2. Sematkan PNG di SVG
  3. Sematkan SVG di dalam SVG
  4. Dapatkan Lisensi Gratis
  5. Sumber Belajar Gratis

C# API untuk Membuat SVG dengan Image Inside

Kami akan menggunakan Aspose.SVG for .NET untuk membuat SVG dengan gambar di dalamnya. Hal ini memungkinkan pengembang untuk bekerja dengan file SVG dalam aplikasi .NET. API memungkinkan untuk memuat, mengurai, merender, membuat, dan mengonversi file SVG ke dalam format populer tanpa ketergantungan perangkat lunak.

Silakan unduh DLL API atau instal menggunakan NuGet.

PM> Install-Package Aspose.SVG

Sematkan PNG di SVG menggunakan C#

Kita dapat dengan mudah menyematkan gambar bitmap ke dalam objek SVG menggunakan SVG<image> elemen. SVG<image> Elemen mampu merender gambar dalam berbagai format, seperti grafik JPEG, PNG, dan bahkan SVG. Atribut dari <image> Elemen menentukan bagaimana bitmap harus ditampilkan. Atribut utama meliputi:

  • x dan y: Ini menunjukkan koordinat sudut kiri atas gambar.
  • lebar dan tinggi: Ini menentukan lebar dan tinggi “jendela” di mana gambar akan ditampilkan. Kedua atribut ini bersifat wajib.
  • href dan xlink:href: Atribut ini menunjuk ke URL file gambar.
  • melestarikanAspectRatio: Atribut ini mengatur bagaimana gambar diskalakan secara proporsional.

Kita dapat dengan mudah membuat SVG dengan PNG di dalamnya dengan mengikuti langkah-langkah di bawah ini:

  1. Tentukan konten SVG sebagai string.
  2. Setelah itu, buat instance kelas SVGDocument dari konten string.
  3. Terakhir, simpan gambar menggunakan metode Save().

Contoh kode berikut menunjukkan cara menyematkan gambar PNG di dalam SVG menggunakan C#.

// Tentukan konten SVG dengan gambar PNG yang disematkan.
string content = "<svg height=\"500\" width=\"600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    " +
                "<circle cx=\"120\" cy=\"100\" r=\"90\" style=\"fill:blue; stroke-width:3; stroke:rgb(0,0,0); fill-opacity:0.7\"  />" +
                "<image href=\"https://www.aspose.cloud/templates/aspose/App_Themes/V3/images/svg/272x272/aspose_svg-for-net.png\" x=\"70\" y=\"50\" height=\"100\" width=\"100\" />\r\n    \t" +
                "<text x=\"40\" y=\"250\">Embedded PNG image</text>\r\n    \t" +
        "</svg>";

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

// Simpan dokumen ke file dengan enumerasi SVGSaveFormat.
document.Save("C:\\Files\\EmbedPNG.svg", SVGSaveFormat.SVG);
Sematkan PNG di SVG menggunakan C#

Sematkan PNG di SVG menggunakan C#.

Sematkan SVG di dalam SVG menggunakan C#

Demikian pula, kita dapat membuat SVG dengan gambar SVG di dalamnya dengan mengikuti langkah-langkah yang disebutkan sebelumnya.

Contoh kode berikut menunjukkan cara menyematkan gambar SVG di dalam SVG menggunakan C#.

// Tentukan konten SVG dengan gambar PNG yang disematkan.
string documentContent = "<svg height=\"500\" width=\"500\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t" +
        "<image href=\"https://docs.aspose.com/svg/net/navigation-inspection/shapes.svg\" x=\"250\" y=\"10\" height=\"350\" width=\"350\" />\r\n    \t" +
        "<text x=\"300\" y=\"250\">Embedded SVG image</text>    \r\n" +
    "</svg>";

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

// Simpan dokumen ke file dengan enumerasi SVGSaveFormat.
document.Save("C:\\Files\\EmbedSVG.svg", SVGSaveFormat.SVG);
Sematkan SVG di dalam SVG menggunakan C#

Sematkan SVG di dalam SVG menggunakan C#.

Dapatkan Lisensi Gratis

Anda bisa mendapatkan lisensi sementara gratis untuk mencoba Aspose.SVG for .NET tanpa batasan evaluasi.

SVG dengan Gambar Di Dalam – Sumber Daya Gratis

Anda dapat mempelajari lebih lanjut tentang berbagai fitur perpustakaan menggunakan sumber daya di bawah ini:

Kesimpulan

Kesimpulannya, membuat gambar SVG dengan gambar yang disematkan menggunakan C# adalah proses yang relatif sederhana. Dengan mengikuti langkah-langkah dalam tutorial ini, Anda dapat membuat gambar SVG kustom Anda sendiri yang dapat digunakan di situs web atau aplikasi Anda. Dengan memanfaatkan Aspose.SVG for .NET, pustaka SVG yang kuat dan serbaguna, Anda dapat dengan mudah membuat gambar SVG dengan gambar tersemat yang dapat digunakan di perangkat apa pun. Jika ada ambiguitas, jangan ragu untuk menghubungi kami di forum dukungan gratis kami.

Lihat juga