SVG 在线编辑器 | 菜鸟工具

菜鸟工具SVG在线编辑器介绍（https://c.runoob.com/more/svgeditor）
这是一款由菜鸟工具提供的在线SVG矢量图编辑工具，无需下载安装，打开网页即可快速创作、修改SVG图形（矢量图放大不失真，适合制作图标、插画、网页元素等）。工具功能覆盖从基础操作到专业编辑的全流程，兼顾新手友好与专业需求，核心模块如下：

一、基础操作：文件、编辑与视图控制
文件管理：支持“新建SVG文档”“打开本地SVG文件”“导入图片（如PNG/JPG）”“保存SVG源文件”“导出PNG图片”，满足从创建到输出的完整需求。
编辑操作：提供撤销（⌘Z）、重做（⌘Y）、剪切（⌘X）、复制（⌘C）、粘贴（⌘V）、删除（⌫）等常用功能，还有“复制并粘贴（⌘D）”快速复用元素。
视图模式：可切换“显示网格”（辅助对齐）、“线框模式”（仅显示图形轮廓），还能直接查看“SVG源代码”（⌘U），方便开发者调试。

二、画布尺寸：快速适配多场景
工具内置丰富的预设尺寸，覆盖社交平台、设备屏幕等常见使用场景，无需手动计算：
社交平台：Twitter帖子（1012×506）、Facebook头图（820×312）、Instagram故事（1080×1920）等；
设备屏幕：iPhone 11 ProMax（414×896）、iPad Pro 12.9英寸（1024×1366）、MacBook Pro（1024×1366）等；
自定义尺寸：支持手动输入宽度、高度，灵活调整画布大小。

三、图形绘制：从基础到专业
提供多种图形工具，并支持路径级精细编辑：
基础图形：矩形、圆形、椭圆、直线、文本（可设置字体、样式、大小）、图片导入（添加外部图片）；
路径编辑：通过“编辑路径”工具，可添加/删除节点、切换线段为“直线”或“曲线”、打开/关闭路径（将开放路径转为闭合图形），灵活调整图形形状；
组合工具：“Group”（分组管理元素）、“Use”（引用重复元素），方便批量操作。

四、对象管理：掌控元素层级与关系
层级调整：可将元素“置顶”“上移一层”“下移一层”“置底”，解决叠加时的显示顺序问题；
合并与分组：用⌘G合并选中元素（统一操作），⌘⇧G取消合并，还能将形状“转成Path”（更灵活编辑）。

五、样式与效果：让图形更生动
支持多样式设置，调整图形视觉效果：
描边设置：修改描边宽度、选择dash样式（如实线、点线、虚线），还有“描边连接”（斜角/圆角）和“描边端点”（平端/圆端）选项；
效果调整：设置“不透明度”（图形透明程度）、“模糊”（高斯模糊）、“圆角”（矩形/路径的圆角弧度）；
文本特效：支持“文本沿路径排列”，让文字跟随自定义路径弯曲，制作独特文字效果。

六、辅助功能：提升效率
对齐工具：将多个元素“对齐到画布”（左/中/右对齐）或“对齐到对象”（以选中元素为基准），快速整理布局；
快捷键：几乎所有操作都有对应快捷键（如⌘O打开文件、⌘S保存、⌘U看源代码），熟练后能大幅加快编辑速度。

这款工具既适合新手快速制作简单SVG，也能满足设计师精细调整图形的需求，在线使用的方式非常便捷，是处理SVG文件的实用工具。