SVGEdit — 浏览器里的矢量图编辑器
SVGEdit 是一款快速、基于 Web 的 SVG 绘图编辑器,无需安装任何软件,打开浏览器即可使用。项目已有 15 年以上历史,是最受欢迎的开源 SVG 编辑器之一。也是本人Push的第一个开源项目。
核心功能
使用场景
图标设计:绘制矢量图标,导出 SVG 用于网页开发
流程图/示意图:快速绘制简单的技术图示
SVG 学习:直观编辑 SVG 元素,理解矢量图结构
轻量编辑:不想装 Illustrator/Inkscape 时的在线替代方案
快速上手
选择图形工具:点击左侧工具栏的图形按钮(矩形、圆形等)
绘制图形:在画布上拖拽绘制,按住 Shift 可约束比例
调整样式:选中图形后,在顶部/右侧面板修改填充色、描边等
路径编辑:切换到路径工具,可逐节点调整曲线
导出文件:菜单 → 导出为 SVG 或 PNG
快捷键
技术信息
原项目:SVG-Edit/svgedit
协议:MIT License
技术栈:JavaScript、SVG Canvas
浏览器支持:Chrome、Firefox、Safari 等现代浏览器