可縮放矢量圖形 (SVG) 圖像因其可縮放性而廣受歡迎。它們經常在網絡上用於顯示視覺信息。在本文中,您將學習如何使用 C# 以編程方式創建 SVG 圖像文件。以下部分涵蓋了不同的用例:

C# SVG Image Creator – API 安裝

Aspose.SVG for .NET API 可用於創建、編輯和操作 SVG 圖像文件。您可以迭代不同的節點或將文件轉換為支持的文件格式。請從 New Releases 部分下載 DLL 文件,或使用以下 NuGet 安裝命令:

PM> Install-Package Aspose.SVG

成功配置 API 後,您可以學習如何創建簡單和基本的 SVG 圖像,稍後您將藉助高級示例進一步探索。

使用 C# 以編程方式創建 SVG 圖像文件

  1. 您可以通過以下步驟創建 SVG 圖像文件:
  2. 將 SVG 內容指定為字符串。
  3. 從字符串內容初始化 SVGDocument 類的對象。
  4. 使用 Save 方法將文檔保存到文件中。

以下代碼說明瞭如何使用 C# 以編程方式創建 SVG 圖像文件:

// 將 SVG 內容指定為字符串
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// 從字符串內容初始化 SVGDocument 類的對象
SVGDocument document = new SVGDocument(documentContent, ".");

// 將文檔保存到文件
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

使用 C# 以編程方式創建帶有嵌入式 HTML 的 SVG 圖像

SVG 與用於描述和呈現嵌入內容的所有基於 XML 的語言一致。您可以使用在 SVG 文件中包含 HTML 內容的元素。請按照以下步驟創建帶有嵌入 HTML 的 SVG 圖像:

  1. 指定帶有嵌入 HTML 的 SVG 內容。
  2. 指定外部對像源自的 XHTML 命名空間。
  3. 使用 SVGDocument 初始化 SVG 文檔。
  4. 使用 SVGSaveFormat 枚舉將文檔保存到文件中。

下面的代碼解釋瞭如何使用 C# 以編程方式創建帶有嵌入式 HTML 內容的 SVG 圖像:

// 指定帶有嵌入 HTML 的 SVG 內容。
// 指定外部對像源自的 XHTML 命名空間。
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// 使用 SVGDocument 初始化 SVG 文檔。
SVGDocument document = new SVGDocument(documentContent, ".");

// 使用 SVGSaveFormat 枚舉將文檔保存到文件中。
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

獲取免費的 API 許可證

您可以通過申請 免費臨時許可證 不受任何限制地評估 Aspose API。

結論

在本文中,您了解瞭如何使用 C# 以編程方式從頭開始創建 SVG 圖像文件。您探索瞭如何創建簡單的 SVG 圖像以及帶有嵌入式 HTML 內容的高級 SVG 圖像。您可以通過查看 API 文檔 進一步探索 API。此外,如有任何疑問,請隨時通過免費支持論壇與我們聯繫。

也可以看看