SVG矢量图形编辑工具 GodSVG v1.0-alpha15

naixubao

一、工具简介：GodSVG 是一款免费开源、面向代码的跨平台 SVG 编辑器，主打 “零冗余元数据、代码与可视化实时双向同步”，生成干净小巧的 SVG 文件。

---

二、核心特点：
1.  代码优先，纯净输出：直接操作底层 XML，不插冗余标签 / 命名空间 / 元数据，文件体积比同类工具小 30%–50%。
2.  双向实时编辑：左栏代码（语法高亮）、右栏预览；改代码即时出图，拖图形即时更新代码。
3.  跨平台全覆盖：Web 端（浏览器直接用）、Windows、macOS、Linux、Android。
4.  开源免费无广告：基于 Godot 引擎 + ThorVG 渲染。
5.  简体中文设置：点击左上角齿轮图标。

---

三、主要功能：
1.  基础绘图：矩形、圆形、椭圆、线条、路径、文本等。
2.  路径编辑：可视化调锚点 / 手柄，支持直接写 M/L/H/V/Z 等路径命令。
3.  样式与优化：颜色选择器、渐变、描边 / 填充；路径简化、CSS 转内联、格式化 / 压缩。
4.  导出与清理：一键导出纯净 SVG；可清理第三方工具生成的冗余代码。

---

四、适用人群：
1.  前端开发者：需手写 / 优化 SVG 图标、插图，追求小体积高性能。
2.  设计师：熟悉 SVG 代码，要精确控制图形与代码结构。
3.  学习者：通过可视化与代码对照，快速掌握 SVG 语法。

---

五、界面布局秒懂：
1.  左侧：SVG 代码编辑区（高亮、实时更新）
2.  中间：可视化画布（拖拽绘图、改锚点）
3.  右侧：属性面板（颜色、描边、渐变、尺寸）
4.  顶部：菜单栏、形状工具、撤销 / 重做、导出

---

六、实操：做一个极简圆形图标
1.  顶部工具栏选 圆形工具，在画布点一下拖出圆。
2.  右侧面板改：
填充：选纯色（比如 #2563eb）
描边：关闭 / 调细边框
3.  看左侧代码：自动生成纯净 SVG 代码，无冗余垃圾标签。
4.  可以直接改左侧代码数值（改宽高、半径、颜色），画布实时同步。

---

七、一键导出纯净 SVG：
1.  顶部菜单 → File → Export
2.  直接保存为 .svg
优势：导出代码极度干净，无多余命名空间、注释、冗余属性，适合前端、图标库、文档插图直接用。

---

八、实用小技巧：
1.  代码格式化
代码区右键 → 格式化，自动缩进排版，可读性拉满。
2.  清理别人的脏 SVG
导入别处下载的 SVG，GodSVG 会自动精简冗余代码、压缩体积。
3.  路径双向编辑
用钢笔工具画路径，可视化调锚点；也能手动改 M Q L C 路径指令，视图实时变。

---

九、更新日志：
版本1.0-alpha15更新内容//2026年4月27日
●在本次预发布版本中，GOdSVG的颜色选择器得到了显著改进，实现了HSL颜色模型和多种选择器形状选项。
●此外，还添加了一些小功能，并修复了若干错误和回归问题，特别是在最近实现的键盘焦点导航功能周围。

---

帖子仅做交流分享，如有违规之处，请版主大大手下留情，删帖即可，谢谢!

---

官方网址：https://www.godsvg.com/
项目地址：https://github.com/MewPurPur/GodSVG

---

蓝奏云盘分享
下载地址：https://wwbrr.lanzouw.com/b00yb39gje
提取码：52pj

ztxiby

正在找svg编辑工具 帮大忙了

ztxiby

GodSvG_v1.0-alpha15.exe-系统错误
无法启动此程序，因为计算机中丢失SHCORE.dII。尝试重新安装该程序以解决此问题。

Tsuki0402

ztxiby 发表于 2026-5-2 20:22
GodSvG_v1.0-alpha15.exe-系统错误
无法启动此程序，因为计算机中丢失SHCORE.dII。尝试重新安装该程序以解 ...

这个玩意缺失是不是可以单独下载

xuexiba

正需要编辑一个图标文件，感谢。

刘串

感谢分享。论坛因你而美丽