inspizieren navigieren svg

SVG Bilder werden häufig im Internet verwendet, insbesondere dort, wo Skalierbarkeit und Bildqualität wichtig sind. Sie können SVG Bildelemente programmgesteuert mit C# prüfen, extrahieren oder darin navigieren. Lassen Sie uns die folgenden Abschnitte für weitere Details erkunden:

SVG-Inspektion oder Navigation in C# – API Installation

Aspose.SVG for .NET API unterstützt das Erstellen, Bearbeiten oder Konvertieren von SVG Dateien. Sie können die DLL Datei als ZIP Datei im Abschnitt Downloads herunterladen. Sie können es auch über den NuGet Package Manager in Microsoft Visual Studio konfigurieren. Der folgende NuGet Installationsbefehl kann zur Konfiguration verwendet werden:

PM> Install-Package Aspose.SVG

Überprüfen Sie das SVG-Dokument und seine Elemente

Mehrere Methoden in Aspose.SVG for .NET API basieren auf Element Traversal Specifications gemäß W3C. Mit den folgenden Schritten können Sie eine SVG Datei im Detail untersuchen:

  1. Laden Sie die SVG-Eingabedatei.
  2. Laden Sie verschiedene Elemente mit dem Objekt DocumentElement.
  3. Greifen Sie auf den Wert einer beliebigen Eigenschaft zu.

Der folgende Code erklärt, wie SVG Dokumente und ihre verschiedenen Elemente programmgesteuert mit C# überprüft werden:

// Laden Sie ein Dokument
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
}

Informationen zu bestimmten SVG-Elementen extrahieren

Eine SVG Bilddatei besteht aus mehreren Elementen unter einem Stammelement. Die Klasse SVGDocument stellt verschiedene Methoden bereit, um Informationen zu bestimmten SVG-Elementen zu extrahieren, z. B. ParentElement und GetElementsByClassName. Lassen Sie uns die folgenden Schritte ausführen, um Informationen zu bestimmten SVG-Elementen zu extrahieren:

  1. Laden Sie das eingegebene SVG Bild.
  2. Greifen Sie auf das Attribut DocumentElement zu.
  3. Lesen Sie ein bestimmtes Element.

Der folgende Code zeigt, wie Informationen über ein bestimmtes SVG-Element programmgesteuert mit C# extrahiert werden:

//Laden Sie ein Dokument aus einer Datei
string documentPath = Path.Combine(DataDir, "shapes.svg");
    
using (var document = new SVGDocument(documentPath))
{
    // Rufen Sie das Root-Svg-Element des Dokuments ab
    var svg = document.DocumentElement;
    	
    // Suchen Sie das erste untergeordnete Element mit einem bestimmten Tag-Namen
    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
}

Für diese Demonstration haben wir in Erwägung gezogen, mit der Datei shapes.svg zu arbeiten.

Navigieren Sie durch SVG mit XPath-Abfrage

Die XPath-Abfragesprache wird verwendet, um Knoten aus XML-basierten Dokumenten auszuwählen. Die folgenden Schritte erläutern, wie man mit XPath Query durch SVG Bilddateiknoten navigiert:

  • Quell-SVG Datei laden.
  • Auswerten XPath expression.
  • Bewerten und erhalten Sie den nächsten Knoten.

Der folgende Code zeigt, wie Sie mit diesen Schritten mithilfe der C# Sprache programmgesteuert durch SVG-Knoten navigieren können:

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

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

    //  Rufen Sie den nächsten bewerteten Knoten ab
    Console.WriteLine((xpathResult.IterateNext() as Element)?.OuterHTML);		  
}

Fazit

In diesem Artikel haben wir untersucht, wie Sie die SVG Datei und ihre Elemente untersuchen können. Ebenso wird das Extrahieren von Informationen aus SVG Dateien und das Navigieren in SVG-Knoten mithilfe von XPath Query behandelt. Darüber hinaus können Sie mehr erfahren, indem Sie die Dokumentation lesen. Wenden Sie sich gerne an Free Support Forum. Wir helfen und beraten Sie gerne!

Siehe auch