SVG 圖像因其可擴展性和質量特性而越來越受歡迎。在某些情況下，您可能需要更改 SVG 圖像的顏色以使其更具吸引力。本文介紹如何在 C# 中以編程方式更改不同 SVG 元素的顏色。
使用 SVG 元素的顏色 – C# .NET API 安裝
您可以使用 Aspose.SVG for .NET API 操作不同 SVG 元素（如圓、線等）的顏色。只需從 New Releases 下載 DLL 文件，或使用以下 NuGet 安裝命令：
PM> Install-Package Aspose.SVG
在 C# 中更改 SVG 的圓形元素的顏色
您可以通過以下步驟在 C# 中更改 SVG 的圓形元素的顏色：
- 創建 SVGDocument 類的實例以加載輸入 SVG 文件。
- 獲取文檔的根和圓形 SVG 元素。
- 設置 SVG 元素的屬性和顏色。
- 保存輸出的 SVG 圖像。
下面的代碼片段詳細說明瞭如何在 C# 中更改 SVG 的圓形元素的顏色：
// 從文件中加載 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");
在 C# 中更改 SVG 線元素的顏色
請按照以下步驟在 C# 中更改 SVG 圖像中 Line 元素的顏色：
- 初始化 SVGDocument 類的對像以加載源 SVG 圖像。
- 獲取根元素和線元素修改顏色。
- 使用 Save 方法保存輸出的 SVG 文件。
以下代碼片段顯示瞭如何在 C# 中以編程方式更改 SVG 文件中的線條顏色：
// 從文件中加載 SVG 文檔
SVGDocument document = new SVGDocument("basic-shapes.svg");
// 獲取文檔的根 svg 元素
SVGSVGElement svgElement = document.RootElement;
// 獲取線元素改變顏色
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// 為線條元素設置一個新的“stroke”屬性值
lineElement.SetAttribute("stroke", "blue");
// 保存 SVG 文檔
document.Save("line-color.svg");
在C#中設置SVG圖像的背景顏色
您可以通過以下步驟設置 SVG 圖像的背景顏色來增強 SVG 圖像的外觀：
- 設置 SVG 命名空間並加載輸入文件。
- 創建一個矩形元素並設置不同的屬性。
- 添加矩形元素作為第一個子元素並保存輸出文件。
下面的代碼片段演示瞭如何在 C# 中以編程方式設置 SVG 圖像的背景顏色：
// 設置 SVG 命名空間 URL
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 的其他功能。如有任何疑問，請寫信至論壇。