تصاویر SVG به دلیل مقیاس‌پذیری و ویژگی‌های کیفی‌شان محبوب می‌شوند. در برخی از حالات، ممکن است لازم باشد رنگ تصاویر SVG را تغییر دهید تا جذاب‌تر شوند. این مقاله نحوه تغییر رنگ عناصر مختلف SVG را به صورت برنامه‌نویسی در C# شرح می‌دهد.
- کار با رنگ عناصر SVG - نصب API C#.NET
- تغییر رنگ عنصر دایره SVG در سی شارپ
- تغییر رنگ عنصر خط SVG در سی شارپ
- تنظیم رنگ پس زمینه تصویر SVG در سی شارپ
کار با رنگ عناصر SVG – نصب API C#.NET
می توانید رنگ عناصر مختلف SVG مانند دایره، خط و غیره را با Aspose.SVG for .NET API دستکاری کنید. به سادگی فایل های DLL را از New Releases دانلود کنید یا از دستور نصب NuGet زیر استفاده کنید:
PM> Install-Package Aspose.SVG
تغییر رنگ عنصر دایره SVG در سی شارپ
با مراحل زیر می توانید رنگ عنصر دایره SVG را در سی شارپ تغییر دهید:
- یک نمونه از کلاس SVGDocument برای بارگیری فایل SVG ورودی ایجاد کنید.
- عنصر SVG سند را ریشه و دایره کنید.
- ویژگی و رنگ را برای عنصر SVG تنظیم کنید.
- تصویر خروجی SVG را ذخیره کنید.
قطعه کد زیر نحوه تغییر رنگ عنصر دایره SVG در سی شارپ را توضیح می دهد:
// یک سند SVG را از فایل بارگیری کنید
SVGDocument document = new SVGDocument("shapes.svg");
// عنصر root svg سند را دریافت کنید
SVGElement svgElement = document.RootElement;
// عنصر دایره را برای تغییر رنگ دریافت کنید
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// یک مقدار مشخصه «fill» جدید برای عنصر دایره تنظیم کنید
circleElement.SetAttribute("fill", "blue");
// سند SVG را ذخیره کنید
document.Save("circle-color.svg");
تغییر رنگ عنصر خط SVG در سی شارپ
لطفاً مراحل زیر را برای تغییر رنگ عنصر Line در یک تصویر SVG در سی شارپ دنبال کنید:
- یک شی از کلاس SVGDocument را برای بارگیری تصویر منبع SVG راه اندازی کنید.
- عنصر ریشه و خط را برای تغییر رنگ دریافت کنید.
- فایل SVG خروجی را با استفاده از روش Save ذخیره کنید.
قطعه کد زیر نحوه تغییر رنگ خط در فایل SVG را به صورت برنامه نویسی در سی شارپ نشان می دهد:
// یک سند SVG را از فایل بارگیری کنید
SVGDocument document = new SVGDocument("basic-shapes.svg");
// عنصر root svg سند را دریافت کنید
SVGSVGElement svgElement = document.RootElement;
// عنصر خط را برای تغییر رنگ دریافت کنید
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// یک مقدار ویژگی جدید "stroke" برای عنصر خط تنظیم کنید
lineElement.SetAttribute("stroke", "blue");
// سند SVG را ذخیره کنید
document.Save("line-color.svg");
تنظیم رنگ پس زمینه تصویر SVG در سی شارپ
با تنظیم رنگ پس‌زمینه تصاویر SVG با مراحل زیر می‌توانید ظاهر تصاویر SVG را افزایش دهید:
- فضای نام SVG را تنظیم کرده و فایل ورودی را بارگذاری کنید.
- یک عنصر مستطیل ایجاد کنید و ویژگی های مختلف را تنظیم کنید.
- عنصر مستطیل را به عنوان فرزند اول اضافه کنید و فایل خروجی را ذخیره کنید.
قطعه کد زیر نحوه تنظیم رنگ پس زمینه تصویر SVG را به صورت برنامه نویسی در سی شارپ نشان می دهد:
// URL فضای نام SVG را تنظیم کنید
string SvgNamespace = "http://www.w3.org/2000/svg";
// یک سند SVG را از فایل بارگیری کنید
SVGDocument document = new SVGDocument("basic-shapes.svg");
// عنصر root svg سند را دریافت کنید
SVGSVGElement svgElement = document.RootElement;
// یک عنصر مستطیل ایجاد کنید و مقدار ویژگی "fill" را برای تغییر رنگ پس زمینه تنظیم کنید
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 نیز در اینجا مورد بحث قرار می گیرد. علاوه بر این، می‌توانید به سایر ویژگی‌های API در بخش مستندات نگاهی بیندازید. در صورت وجود هرگونه سوال، لطفاً در [فروم 10 برای ما بنویسید.