檢查導航 svg

SVG 圖像在網絡上廣泛使用,尤其是在圖像的可擴展性和質量很重要的情況下。您可以使用 C# 以編程方式檢查、提取或導航 SVG 圖像元素。讓我們探索以下部分以獲取更多詳細信息:

C# 中的 SVG 檢查或導航 - API 安裝

Aspose.SVG for .NET API 支持創建、編輯或轉換 SVG 文件。您可以從 下載 部分下載 ZIP 格式的 DLL 文件。您還可以通過 Microsoft Visual Studio 中的 NuGet 包管理器對其進行配置。以下 NuGet 安裝命令可用於配置它:

PM> Install-Package Aspose.SVG

檢查 SVG 文檔及其元素

Aspose.SVG for .NET API 中的幾種方法基於 W3C 的元素遍歷規範。您可以通過以下步驟詳細檢查 SVG 文件:

  1. 加載輸入 SVG 文件。
  2. 使用 DocumentElement 對象加載不同的元素。
  3. 訪問任何屬性的值。

下面的代碼解釋瞭如何使用 C# 以編程方式檢查 SVG 文檔及其不同元素:

// 裝入文檔
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
}

提取有關特定 SVG 元素的信息

SVG 圖像文件由根元素下的多個元素組成。 SVGDocument 類公開了不同的方法來提取有關特定 SVG 元素的信息,例如 ParentElementGetElementsByClassName。讓我們按照以下步驟提取有關特定 SVG 元素的信息:

  1. 加載輸入 SVG 圖像。
  2. 訪問 DocumentElement 屬性。
  3. 閱讀任何特定元素。

以下代碼顯示瞭如何使用 C# 以編程方式提取有關特定 SVG 元素的信息:

//從文件加載文檔
string documentPath = Path.Combine(DataDir, "shapes.svg");
    
using (var document = new SVGDocument(documentPath))
{
    // 獲取文檔的根 svg 元素
    var svg = document.DocumentElement;
    	
    // 查找具有給定標籤名稱的第一個子元素
    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
}

對於本演示,我們考慮使用 shapes.svg 文件。

使用 XPath 查詢瀏覽 SVG

XPath 查詢語言用於從基於 XML 的文檔中選擇節點。以下步驟詳細說明瞭如何使用 XPath 查詢導航 SVG 圖像文件節點:

  • 加載源 SVG 文件。
  • 評估 XPath expression.
  • 評估並獲得下一個節點。

下面的代碼演示了這些步驟如何讓您使用 C# 語言以編程方式導航 SVG 節點:

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

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

    //  獲取下一個評估的節點
    Console.WriteLine((xpathResult.IterateNext() as Element)?.OuterHTML);		  
}

結論

在本文中,我們探討瞭如何檢查 SVG 文件及其元素。同樣,還討論了使用 XPath 查詢從 SVG 文件中提取信息和導航 SVG 節點。此外,您可以通過閱讀 文檔 了解更多信息。請隨時聯繫 免費支持論壇。我們很樂意為您提供幫助和指導!

也可以看看