可缩放矢量图形 (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。此外,如有任何疑问,请随时通过免费支持论坛与我们联系。

也可以看看