更改 SVG 顏色 csharp

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 的圓形元素的顏色:

  1. 創建 SVGDocument 類的實例以加載輸入 SVG 文件。
  2. 獲取文檔的根和圓形 SVG 元素。
  3. 設置 SVG 元素的屬性和顏色。
  4. 保存輸出的 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 的其他功能。如有任何疑問,請寫信至論壇

也可以看看

使用 C# 在 Linux 上將 SVG 轉換為 HTML