בדוק, חלץ או נווט ברכיבי תמונה של SVG באופן פרוגרמטי ב-C#

תמונות SVG נמצאות בשימוש פופולרי באינטרנט, במיוחד כאשר מדרגיות ואיכות התמונות חשובות. אתה יכול לבדוק, לחלץ או לנווט ברכיבי תמונת SVG באופן תוכנתי באמצעות C#. תנו לנו לחקור את הסעיפים הבאים לפרטים נוספים:

• בדיקת SVG או ניווט ב-C# - התקנת API
• בדוק את מסמך SVG והרכיבים שלו
• חלץ מידע על רכיבי SVG ספציפיים
• נווט ב-SVG באמצעות XPath Query

בדיקת SVG או ניווט ב-C# - התקנת API

Aspose.SVG for .NET API תומך ביצירה, עריכה או המרה של קובצי SVG. אתה יכול להוריד את קובץ ה-DLL כ-ZIP מקטע הורדות. אתה יכול גם להגדיר אותו באמצעות NuGet Package Manager ב-Microsoft Visual Studio. ניתן להשתמש בפקודת ההתקנה הבאה של NuGet כדי להגדיר אותה:

PM> Install-Package Aspose.SVG

בדוק את מסמך SVG והרכיבים שלו

מספר שיטות ב-Aspose.SVG עבור .NET API מבוססות על מפרטי חציית אלמנטים לפי W3C. אתה יכול לבדוק קובץ SVG בפירוט עם השלבים הבאים:

1. טען את קובץ ה-SVG הקלט.
2. טען אלמנטים שונים עם אובייקט DocumentElement.
3. גישה לערך של כל נכס.

הקוד שלהלן מסביר כיצד לבדוק מסמכי SVG והרכיבים השונים שלו באופן תוכנתי באמצעות C#:

// טען מסמך
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 ספציפיים, למשל, PrentElement ו-GetElementsByClassName. תן לנו לבצע את השלבים הבאים לחילוץ מידע על רכיבי SVG ספציפיים:

1. טען תמונת SVG קלט.
2. גש למאפיין DocumentElement.
3. קרא כל אלמנט ספציפי.

הקוד הבא מראה כיצד לחלץ מידע על רכיב SVG ספציפי באופן תכנותי באמצעות C#:

//טען מסמך מקובץ
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.

נווט ב-SVG באמצעות XPath Query

שפת השאילתה XPath משמשת לבחירת צמתים ממסמכים מבוססי XML. השלבים הבאים מפרטים כיצד לנווט בצמתי קבצי תמונה SVG עם שאילתת XPath:

• טען קובץ SVG מקור.
• להעריך XPath expression.
• הערך וקבל את הצומת הבא.

הקוד שלהלן מדגים כיצד השלבים הללו מאפשרים לך לנווט בצמתי SVG באופן תוכנתי באמצעות שפת 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")))
{
    //  הערכת ביטוי XPath
    var xpathResult = document.Evaluate("//rect[@x='120']", document, null, (Dom.XPath.XPathResultType)XPathResultType.Any, null);

    //  קבל את הצומת המוערך הבא
    Console.WriteLine((xpathResult.IterateNext() as Element)?.OuterHTML);		  
}

סיכום

במאמר זה, בדקנו כיצד לבדוק את קובץ ה-SVG והמרכיבים שלו. כמו כן, נדון גם חילוץ מידע מקובצי SVG וניווט בצמתי SVG באמצעות XPath Query. יתר על כן, תוכל ללמוד עוד על ידי קריאת תיעוד. אל תהסס לפנות בפורום תמיכה בחינם. נשמח לעזור ולהדריך אותך!

ראה גם

• טען, שמור או מיזוג תמונות SVG באופן פרוגרמטי ב-C#