SVG تزداد شهرة الصور بسبب قابليتها للتوسع وميزات الجودة. في بعض السيناريوهات ، قد تحتاج إلى تغيير لون صور SVG لجعلها أكثر جاذبية. تتناول هذه المقالة كيفية تغيير لون عناصر SVG المختلفة برمجيًا في C#.
- العمل مع لون عناصر SVG - تثبيت C# .NET API
- تغيير لون عنصر الدائرة لـ SVG في C#
- تغيير لون عنصر الخط لـ SVG في C#
- تعيين لون الخلفية لصورة SVG في C#
العمل مع لون عناصر SVG - تثبيت C# .NET API
يمكنك معالجة لون عناصر SVG المختلفة مثل الدائرة والخط وما إلى ذلك باستخدام Aspose.SVG for .NET API. ما عليك سوى تنزيل ملفات DLL من الإصدارات الجديدة ، أو استخدم أمر التثبيت التالي NuGet:
PM> Install-Package Aspose.SVG
تغيير لون عنصر الدائرة لـ SVG في C#
يمكنك تغيير لون عنصر دائرة SVG في C# بالخطوات التالية:
- قم بإنشاء مثيل لفئة SVGDocument لتحميل ملف SVG للإدخال.
- احصل على جذر ودائرة عنصر SVG للمستند.
- قم بتعيين السمة واللون لعنصر SVG.
- احفظ صورة SVG الناتجة.
يوضح مقتطف الشفرة أدناه كيفية تغيير لون عنصر دائرة SVG في C#:
// قم بتحميل مستند SVG من الملف
SVGDocument document = new SVGDocument("shapes.svg");
// الحصول على عنصر svg الجذر للمستند
SVGElement svgElement = document.RootElement;
// احصل على عنصر دائرة لتغيير اللون
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// قم بتعيين قيمة سمة "تعبئة" جديدة لعنصر الدائرة
circleElement.SetAttribute("fill", "blue");
// احفظ مستند SVG
document.Save("circle-color.svg");
تغيير لون عنصر الخط لـ SVG في C#
يرجى اتباع الخطوات أدناه لتغيير لون عنصر الخط في صورة SVG في C#:
- قم بتهيئة كائن من فئة SVGDocument لتحميل صورة SVG المصدر.
- احصل على عنصر الجذر والخط لتعديل اللون.
- احفظ ملف SVG الناتج باستخدام طريقة حفظ.
يوضح مقتطف التعليمات البرمجية التالي كيفية تغيير لون الخط في ملف SVG برمجيًا في C#:
// قم بتحميل مستند SVG من الملف
SVGDocument document = new SVGDocument("basic-shapes.svg");
// الحصول على عنصر svg الجذر للمستند
SVGSVGElement svgElement = document.RootElement;
// احصل على عنصر خط لتغيير اللون
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// قم بتعيين قيمة سمة "حد" جديدة لعنصر الخط
lineElement.SetAttribute("stroke", "blue");
// احفظ مستند SVG
document.Save("line-color.svg");
تعيين لون الخلفية لصورة SVG في C#
يمكنك تحسين مظهر صور SVG من خلال ضبط لون الخلفية لصور SVG بالخطوات التالية:
- قم بتعيين مساحة اسم SVG وقم بتحميل ملف الإدخال.
- قم بإنشاء عنصر مستطيل وقم بتعيين خصائص مختلفة.
- أضف عنصر مستطيل كأول طفل واحفظ ملف الإخراج.
يوضح مقتطف الشفرة أدناه كيفية تعيين لون خلفية صورة SVG برمجيًا في C#:
// قم بتعيين عنوان URL لمساحة اسم SVG
string SvgNamespace = "http://www.w3.org/2000/svg";
// قم بتحميل مستند SVG من الملف
SVGDocument document = new SVGDocument("basic-shapes.svg");
// الحصول على عنصر svg الجذر للمستند
SVGSVGElement svgElement = document.RootElement;
// قم بإنشاء عنصر مستطيل وقم بتعيين قيمة السمة "ملء" لتغيير لون الخلفية
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");
// أضف عنصر المستطيل كأول عنصر فرعي إلى عنصر SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// احفظ مستند SVG
document.Save("background-color.svg");
احصل على رخصة تقييم مجانية
يمكنك تقييم API بدون أي قيود تقييمية عن طريق الحصول على ترخيص تقييم مجاني.
استنتاج
في هذه المقالة ، تعلمت كيفية تغيير لون العناصر المختلفة في صورة SVG. وبالمثل ، تتم هنا أيضًا مناقشة التفاصيل المتعلقة بتعيين لون الخلفية لصورة SVG. علاوة على ذلك ، يمكنك إلقاء نظرة على الميزات الأخرى لواجهة برمجة التطبيقات في قسم التوثيق. في حالة وجود أي استفسار ، يرجى مراسلتنا على المنتدى.