前言
工业软件、组态系统、仿真平台等开发领域，矢量图形的编辑与渲染能力往往是核心需求之一。然而，从零开发一个稳定、可扩展的矢量图形引擎并非易事——既要处理复杂的图形结构，又要兼顾用户交互、文件兼容性以及性能表现。
本文推荐一个C#开发的矢量图形开发组件，实现了目前主流的矢量图形编辑软件所提供的的大部分功能，可用于组态、建模、工控、仿真以及其他需要使用图形渲染和编辑的开发场景。以SVG文件作为底层格式，可以重用市面上主流图形软件生成的SVG文件进行开发。
项目介绍
一套基于 .NET Framework 开发的矢量图形组件库，采用 SVG（Scalable Vector Graphics）作为底层数据格式。大家不仅可以利用组件内置的图形编辑能力，还能直接导入由 Adobe Illustrator、Inkscape 等主流矢量软件生成的 SVG 文件，极大提升了资源复用效率。整个项目以 Visual Studio 解决方案形式组织，结构清晰，模块职责分明，适合二次开发或学习研究。
项目功能
1、支持常见矢量图形元素的绘制与编辑，包括矩形、圆形、路径、文本、多边形等；
2、提供完整的图形交互操作，如选择、拖拽、缩放、旋转、对齐、组合/解组等；
3、内置图层管理机制，便于复杂图形结构的组织与控制；
4、支持通过属性面板动态修改图形样式（如填充色、描边、线宽、字体等）；
5、可加载和解析标准 SVG 1.1 文件，并保留其结构与样式信息；
6、提供可嵌入 WinForm 应用的 Canvas 控件，方便快速集成到现有项目中；
7、附带 SymbolDesigner 示例程序，展示在电路图、电网、流程图、组态画面、地图等场景下的实际应用。
项目特点
以 SVG 为底层数据格式，兼容主流矢量设计工具输出，便于资产复用；
模块化架构清晰，包含 UI 控件、SVG 解析、CSS 处理、渲染引擎等独立子项目；
不依赖第三方商业库，核心功能自主实现，集成成本低；
代码结构规范，注释完整，适合作为图形开发的学习或参考项目；
项目有完整可运行的示例工程，降低上手门槛。
项目技术
1、基于 .NET Framework，推荐使用 Visual Studio 2015 或更高版本；
2、图形渲染主要依托 GDI+，兼顾性能与兼容性；
3、SVG 解析模块参考了开源项目 SVG#，支持 SVG 1.1 规范中的常用元素与属性；
4、包含自研的轻量级 CSS 解析器（YP.CSS），用于处理 SVG 中的内联或嵌入样式；
5、UI 层基于 WinForm 开发，Canvas 控件可直接拖拽至 Form 界面使用；
6、当前版本包含少量 Win32 API 调用，因此暂仅支持 Windows 平台，暂未跨平台。
项目代码
#region ..获取节点相对于指定位置的坐标 /// <summary> /// 获取节点相对于指定位置的坐标 /// </summary> /// <param name="textFontSize">文本字体大小</param> /// <param name="sBaselineShift">基线偏移字符串（如 "super"、"sub"、"50%" 等）</param> /// <returns>计算后的偏移量（以字体大小为单位）</returns> public static float GetReferencedShiftBy(float textFontSize, string sBaselineShift) { float shiftBy = 0; if (string.Compare(sBaselineShift, "") != 0) { if (sBaselineShift.EndsWith("%")) { shiftBy = DataType.SVGNumber.ParseNumberStr(sBaselineShift.Substring(0, sBaselineShift.Length - 1)) / 100 * textFontSize; } elseif (string.Compare(sBaselineShift, "sub") == 0) { shiftBy = -0.6F * textFontSize; } elseif (string.Compare(sBaselineShift, "super") == 0) { shiftBy = 0.6F * textFontSize; } elseif (string.Compare(sBaselineShift, "baseline") == 0) { shiftBy = 0; } else { shiftBy = DataType.SVGNumber.ParseNumberStr(sBaselineShift); } } return shiftBy; } #endregion #region ..获取指定索引处字符所在TextContentInfo /// <summary> /// 获取指定索引处字符所在的 TextContentInfo 对象 /// </summary> /// <param name="charnum">字符全局索引（按引用传入，方法内会调整为局部偏移）</param> /// <returns>对应的 TextContentInfo 实例，若未找到则返回 null</returns> public TextContentInfo GetTextContentInfoOfChar(ref int charnum) { TextContentInfo posinfo = null; int i = 0; int index = 0; foreach (TextContentInfo info inthis.textContentInfos) { if (i + info.TextContent.Length > charnum || index == this.textContentInfos.Count - 1) { charnum -= i; posinfo = info; break; } i += info.TextContent.Length; index++; } return posinfo; } #endregion项目效果
流畅的拖拽、精准的对齐、实时的属性反馈以及多文档支持。覆盖了不同行业应用场景，充分验证了组件的通用性和扩展潜力。
项目源码
源码已完整开源，结构如下：
YP.CommonControl：提供基础 UI 布局支持；
YP.CSS：轻量级 CSS 解析器；
YP.SVG：SVG 文件解析与对象建模；
YP.Control：核心图形渲染与编辑引擎；
YP.SymbolDesigner：完整图形编辑器示例。
大家如果只想快速体验的话，可直接下载 Program 文件夹中的预编译程序运行，无需配置开发环境。若有定制需求，则建议克隆整个解决方案，在 VS 中编译 SymbolDesigner 项目即可启动主程序。
为了防止丢失，可以在评论区留言关键字「矢量图形」，即可获取完整源码地址。
总结
如今低代码和可视化配置越来越普及的背景下，一个稳定、轻量、能直接嵌入项目且支持 SVG 的矢量图形组件，其实挺难得的。不管是拿来学习图形开发原理、快速搭个原型，还是作为工控、组态类软件的底层图形引擎，这个项目都能派上用场。如果大家正好在找一个不依赖复杂框架、又能满足基本矢量编辑需求的 .NET 方案，不妨试试它。
关键词
#矢量图形、C#、#SVG、#组态软件、#图形编辑、#WinForm、#开源组件、#工业控制、#SymbolDesigner、#图形渲染
最后
如果你觉得这篇文章对你有帮助，不妨点个赞支持一下！你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助，欢迎随时留言。也可以加入微信公众号[DotNet技术匠]社区，与其他热爱技术的同行一起交流心得，共同成长！
作者：小码编匠
出处：gitee.com/smallcore/DotNetCore
声明：网络内容，仅供学习，尊重版权，侵权速删，歉意致谢！
END
方便大家交流、资源共享和共同成长
纯技术交流群，需要加入的小伙伴请扫码，并备注【加群】
推荐阅读
.NET 轻量图形UI组件，支持 NativeAOT 编译
工业级零丢失、高并发 PLC 数据采集系统（支持 .NET 8/10）
WPF + 高性能异步 MC 协议库，直连三菱 PLC（MC1E/3E/4E）
WPF 启动器 + 动态加载，让分级客户端更新静悄悄
WPF 开源工具搞定 Halcon 授权自动更新，从此每月省心省力
工业相机和算法库太多太杂？这个 WPF 视觉平台把它们统一管起来了
谁说 C# 做不了工业视觉？图像处理、相机标定、色彩识别，三件套全齐
.NET 9 + Vue 3 + Three.js 企业级3D场景管理系统
WinForm 开发工业级 Modbus 数据采集与 HTTP 转发工具
工控入门实战：WinForm + 西门子PLC 搭建轻量级 SCADA 监控平台
一套开源、可扩展的 WPF + Halcon 工业视觉平台，既好看又实用
轻量强大的 Easy.MessageHub 实现 C# 消息传递，彻底取代传统事件
工业级 WinForms 架构实战：用工厂模式彻底重构窗体创建逻辑
C# 自动化神器10分钟上手 UI Automation，操控任何 Windows 软件
高性能工业监控系统：ScottPlot 5.0 + Lightning.NET 实现千点数据丝滑滚动
轻量强大的 Easy.MessageHub 实现 C# 消息传递，彻底取代传统事件
别小看 WinForm！一个高颜值工业级仪表盘的完整实现
WPF 轻量级工业边缘网关：支持 PLC 数据采集、条件触发与 HTTP 上报
觉得有收获？不妨分享让更多人受益
关注「DotNet技术匠」，共同提升技术实力
收藏
点赞
分享
在看
