periksa navigasi svg

Gambar SVG populer digunakan melalui web, terutama jika skalabilitas dan kualitas gambar penting. Anda dapat memeriksa, mengekstrak, atau menavigasi elemen gambar SVG secara terprogram dengan C#. Mari kita jelajahi bagian berikut untuk detail lebih lanjut:

Inspeksi atau Navigasi SVG di C# - Instalasi API

Aspose.SVG for .NET API mendukung pembuatan, pengeditan, atau konversi file SVG. Anda dapat mengunduh file DLL sebagai ZIP dari bagian Unduhan. Anda juga dapat mengonfigurasinya melalui NuGet Package Manager di Microsoft Visual Studio. Perintah penginstalan NuGet berikut dapat digunakan untuk mengonfigurasinya:

PM> Install-Package Aspose.SVG

Periksa Dokumen SVG dan Elemennya

Beberapa metode di Aspose.SVG for .NET API didasarkan pada Spesifikasi Traversal Elemen sesuai W3C. Anda dapat memeriksa file SVG secara mendetail dengan langkah-langkah berikut:

  1. Muat file SVG masukan.
  2. Muat berbagai elemen dengan objek DocumentElement.
  3. Akses nilai properti apa pun.

Kode di bawah ini menjelaskan cara memeriksa dokumen SVG dan berbagai elemennya secara terprogram menggunakan C#:

// Muat dokumen
string documentPath = Path.Combine(DataDir, "shapes.svg");
    
using (var document = new SVGDocument(documentPath))
{
    var element = document.DocumentElement;
    Console.WriteLine(element.TagName); // svg
        
    element = element.LastElementChild;
    Console.WriteLine(element.TagName); // g
    
    element = element.FirstElementChild;
    Console.WriteLine(element.TagName); // rect
}

Ekstrak Informasi Tentang Elemen SVG Tertentu

File gambar SVG terdiri dari beberapa elemen di bawah elemen root. Kelas SVGDocument menampilkan berbagai metode untuk mengekstrak informasi tentang elemen SVG tertentu, misalnya, ParentElement dan GetElementsByClassName. Mari kita ikuti langkah-langkah di bawah ini untuk mengekstraksi informasi tentang elemen SVG tertentu:

  1. Muat masukan gambar SVG.
  2. Akses atribut DocumentElement.
  3. Baca Setiap Elemen Tertentu.

Kode berikut menunjukkan cara mengekstrak informasi tentang elemen SVG tertentu secara terprogram menggunakan C#:

//Muat dokumen dari file
string documentPath = Path.Combine(DataDir, "shapes.svg");
    
using (var document = new SVGDocument(documentPath))
{
    // Dapatkan elemen root svg dari dokumen
    var svg = document.DocumentElement;
    	
    // Temukan elemen anak pertama dengan nama tag tertentu
    var g = svg.GetElementsByTagName("g").First() as SVGGElement;
    			
    var rect = g.FirstElementChild as SVGRectElement;
    
    Console.WriteLine("Height: {0}", rect.Height);// 90
    Console.WriteLine("Width: {0}", rect.Width); // 100
}

Untuk demonstrasi ini, kami telah mempertimbangkan untuk bekerja dengan file shapes.svg.

Arahkan SVG menggunakan Kueri XPath

Bahasa kueri XPath digunakan untuk memilih node dari dokumen berbasis XML. Langkah-langkah berikut menguraikan cara menavigasi node file gambar SVG dengan Kueri XPath:

  • Muat file SVG sumber.
  • Evaluasi XPath expression.
  • Evaluasi dan dapatkan simpul berikutnya.

Kode di bawah menunjukkan bagaimana langkah-langkah ini memungkinkan Anda menavigasi node SVG secara terprogram menggunakan bahasa C#:

using Aspose.Svg;
using System.IO;
using Aspose.Svg.Dom;
using Aspose.Svg.Collections;
...     

using (var document = new SVGDocument(Path.Combine(DataDir, "shapes.svg")))
{
    //  Evaluasi ekspresi XPath
    var xpathResult = document.Evaluate("//rect[@x='120']", document, null, (Dom.XPath.XPathResultType)XPathResultType.Any, null);

    //  Dapatkan node yang dievaluasi berikutnya
    Console.WriteLine((xpathResult.IterateNext() as Element)?.OuterHTML);		  
}

Kesimpulan

Pada artikel ini, kami telah menjelajahi cara memeriksa file SVG dan elemennya. Demikian pula, mengekstraksi informasi dari file SVG dan menavigasi node SVG menggunakan XPath Query juga dibahas. Selanjutnya, Anda dapat mempelajari lebih lanjut dengan membaca Dokumentasi. Jangan ragu untuk menghubungi Forum Dukungan Gratis. Kami akan dengan senang hati membantu dan membimbing Anda!

Lihat juga