Зображення SVG стають популярними через їх масштабованість і якість. У деяких випадках вам може знадобитися змінити колір зображень SVG, щоб зробити їх більш привабливими. У цій статті розповідається про те, як програмно змінити колір різних елементів SVG у C#.
- Робота з кольором елементів SVG - встановлення C# .NET API
- Змініть колір елемента Circle у SVG у C#
- Змініть колір елемента лінії SVG у C#
- Установіть колір фону зображення SVG у C#
Робота з кольором елементів SVG – встановлення C# .NET API
Ви можете маніпулювати кольором різних елементів SVG, таких як коло, лінія тощо, за допомогою Aspose.SVG for .NET API. Просто завантажте файли DLL із New Releases або скористайтеся такою командою встановлення NuGet:
PM> Install-Package Aspose.SVG
Змініть колір елемента Circle у 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#
Будь ласка, виконайте наведені нижче дії, щоб змінити колір елемента Line у зображенні SVG у C#:
- Ініціалізуйте об’єкт класу SVGDocument, щоб завантажити вихідне зображення SVG.
- Отримайте кореневий і лінійний елемент, щоб змінити колір.
- Збережіть вихідний файл SVG за допомогою методу Save.
У наведеному нижче фрагменті коду показано, як змінити колір лінії у файлі 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. Крім того, ви можете ознайомитися з іншими функціями API в розділі документація. У разі будь-яких питань, будь ласка, напишіть нам на форум.