Gambar SVG semakin populer karena fitur skalabilitas dan kualitasnya. Dalam beberapa skenario, Anda mungkin perlu mengubah warna gambar SVG agar lebih menarik. Artikel ini membahas cara mengubah warna elemen SVG yang berbeda secara terprogram dalam C#.
- Bekerja dengan Warna Elemen SVG - Instalasi C# .NET API
- Ubah Warna Elemen Lingkaran SVG di C#
- Ubah Warna Elemen Garis SVG di C#
- Mengatur Warna Latar Belakang Gambar SVG di C#
Bekerja dengan Warna Elemen SVG – Instalasi C# .NET API
Anda dapat memanipulasi warna elemen SVG yang berbeda seperti Circle, Line, dll. dengan Aspose.SVG for .NET API. Cukup unduh file DLL dari Rilis Baru, atau gunakan perintah instalasi NuGet berikut:
PM> Install-Package Aspose.SVG
Ubah Warna Elemen Lingkaran SVG di C#
Anda dapat mengubah warna elemen lingkaran SVG di C# dengan langkah-langkah berikut:
- Buat instance kelas SVGDocument untuk memuat file input SVG.
- Dapatkan root dan lingkari elemen SVG dari dokumen.
- Tetapkan atribut dan warna untuk elemen SVG.
- Simpan gambar SVG keluaran.
Cuplikan kode di bawah ini menjelaskan cara mengubah warna elemen lingkaran SVG di C#:
// Muat dokumen SVG dari file
SVGDocument document = new SVGDocument("shapes.svg");
// Dapatkan elemen root svg dari dokumen
SVGElement svgElement = document.RootElement;
// Dapatkan elemen lingkaran untuk mengubah warna
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// Tetapkan nilai atribut "isi" baru untuk elemen lingkaran
circleElement.SetAttribute("fill", "blue");
// Simpan dokumen SVG
document.Save("circle-color.svg");
Ubah Warna Elemen Garis SVG di C#
Silakan ikuti langkah-langkah di bawah ini untuk mengubah warna elemen Garis pada gambar SVG di C#:
- Inisialisasi objek kelas SVGDocument untuk memuat gambar sumber SVG.
- Dapatkan elemen root dan garis untuk mengubah warna.
- Simpan file SVG keluaran menggunakan metode Save.
Cuplikan kode berikut menunjukkan cara mengubah warna garis dalam file SVG secara terprogram di C#:
// Muat dokumen SVG dari file
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Dapatkan elemen root svg dari dokumen
SVGSVGElement svgElement = document.RootElement;
// Dapatkan elemen garis untuk mengubah warna
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// Tetapkan nilai atribut "goresan" baru untuk elemen garis
lineElement.SetAttribute("stroke", "blue");
// Simpan dokumen SVG
document.Save("line-color.svg");
Mengatur Warna Latar Belakang Gambar SVG di C#
Anda dapat meningkatkan tampilan gambar SVG dengan mengatur warna latar belakang gambar SVG dengan langkah-langkah berikut:
- Setel ruang nama SVG dan muat file input.
- Buat elemen persegi panjang dan atur properti yang berbeda.
- Tambahkan elemen persegi panjang sebagai anak pertama dan simpan file keluaran.
Cuplikan kode di bawah ini menunjukkan cara menyetel warna latar belakang gambar SVG secara terprogram dalam C#:
// Setel Url Ruang Nama SVG
string SvgNamespace = "http://www.w3.org/2000/svg";
// Muat dokumen SVG dari file
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Dapatkan elemen root svg dari dokumen
SVGSVGElement svgElement = document.RootElement;
// Buat elemen persegi panjang dan atur nilai atribut "isi" untuk mengubah warna latar belakang
SVGRectElement rectElement = (SVGRectElement)document.CreateElementNS(SvgNamespace, "rect");
rectElement.X.BaseVal.Value = 3;
rectElement.Y.BaseVal.Value = 3;
rectElement.Width.BaseVal.Value = 400;
rectElement.Height.BaseVal.Value = 400;
rectElement.SetAttribute("fill", "Salmon");
// Tambahkan elemen persegi panjang sebagai anak pertama ke elemen SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// Simpan dokumen SVG
document.Save("background-color.svg");
Dapatkan Lisensi Evaluasi Gratis
Anda dapat mengevaluasi API tanpa batasan evaluasi apa pun dengan mendapatkan lisensi evaluasi gratis.
Kesimpulan
Pada artikel ini, Anda telah mempelajari cara mengubah warna berbagai elemen dalam gambar SVG. Demikian juga, detail tentang pengaturan warna latar belakang gambar SVG juga dibahas di sini. Selain itu, Anda dapat melihat fitur API lainnya di bagian dokumentasi. Jika ada pertanyaan, silakan kirim email kepada kami di forum.