SVG 编辑器

用来查看和改矢量图。在文件树中打开 .svg 即可进入。

功能目录

打开与新建：打开 .svg；新建空白矢量图并设定画布大小
查看 / 编辑 / 代码：只看、在画布上改，或直接改原文
查看画布：缩放、平移、切换背景、播放文件里的动画
新建形状：矩形、圆、直线、折线、多边形、曲线、文字；以及补充绘制、偏移路径
选择、移动与变形：点选、框选、移动、缩放、旋转、调圆角
吸附：画形和变形时对齐到已有图形
路径锚点：增删锚点、改尖角或平滑、打断路径
图形计算：合并、相交、剪掉、排除重叠；简化控制点、文字转曲线、轮廓描边
对齐、分布、旋转与镜像：多物件对齐分布，以及旋转、翻转
打组与层级：打组、取消编组、打散路径；在元素列表里改名、显隐、调整顺序
填充、描边与渐变：颜色、透明度、虚线、端点和拐角；线性渐变
文字：点进画布写字，改字体和字号
从文件树放入图片：把工作区里的图拖进画布
复制、粘贴、删除与撤销：复制图形、删除、撤销重做
导出图片：按倍率导出 PNG
发送到 AI：把整份文件或当前选中内容交给助手
状态栏：提示、选中数量、缩放和保存状态

功能介绍

打开与新建

在文件树中打开 .svg，会进入 SVG 编辑器。打开后先在「查看」。

新建时，用文件树的新建菜单，选择「SVG 矢量图（.svg）」。在「新建 SVG 矢量图」里填写「文件名」和「分辨率」（宽 × 高）。可选用 24×24、128×128、256×256、512×512，也可以自己填。创建后不会自动打开，再到文件树里点开即可。

改动会自动写入当前文件。底栏「状态」为「已保存」或「未保存」。发给 AI 或导出前，也会先写入。

查看 / 编辑 / 代码

顶栏左侧可在「查看」「编辑」「代码」之间切换。三种模式改的是同一份文件。切到「代码」时，会先把画布上的内容同步过去，顶栏可能短暂出现等待。

查看只看、缩放和平移，不能选中或改图形。「吸附」不可用。「层级」按钮会显示，但打不开。

编辑用来画形、选择和改属性。刚进入时是选择：左键点选或框选。画完或按 Esc 退出工具后，会回到选择。

代码显示 SVG 原文。顶栏可以搜索，底栏显示行数。适合改标记、核对原文，或处理画布不好下手的内容。

查看画布

滚轮缩放。查看时，左键或右键拖动画布可平移。编辑时，右键拖动平移，左键用来选择和改图形。也可以用 ⌘=、⌘- 缩放。

顶栏右侧的背景按钮在「白色背景」「黑色背景」「深色背景」之间循环，只改画布衬底，不改文件。

「动画」打开后，文件里已有的动画会播放；关掉则停住。查看和编辑都可以用。

窗口较窄时，撤销、重做、吸附、动画、背景会收进一个菜单，名称就是这五项。

新建形状

仅在「编辑」：点顶栏「新建形状」，选出要画的种类。菜单可以「固定为悬浮窗」，方便连续换工具。

可画：矩形、圆、直线、折线、多边形、曲线、文字。图片不在这个菜单里，请看「从文件树放入图片」。

矩形、圆、直线：点一下起点，再点一下终点；按住拖出也可以。圆的第一下是圆心，拖出半径。画的过程中按 Tab，可填写尺寸后确认：矩形是宽 × 高，圆是一个尺寸，直线是长度和角度。底栏会提示「右键移动，Tab 以精确创建」。

折线、多边形、曲线：逐次点击加点。至少两点后，按 Enter 或双击结束。折线和曲线点回起点附近，会闭合。Esc 取消这一笔，仍留在当前工具。

文字：在画布上点一下，会放入默认文案「文本」，随后可双击改字。

按 Esc（还没开始画时）会退出工具，回到选择。

同一菜单里还有「补充绘制」和「偏移路径」，见下。

补充绘制：先选中一条还能往外接的开放路径（直线、折线、未闭合曲线等），再选这项。点其中一个端点，继续加点；Enter 结束。点到另一端附近，会闭合。Esc 退出。

偏移路径：先选中一个图形（矩形、圆、直线、折线、多边形或曲线），再选这项。移动指针看预览，指针旁的标签显示当前偏移距离，点一下落下；按 Tab 可输入精确距离，回车落下。得到的是沿轮廓两侧长出的描边路径，没有填充。贴着原轮廓点下去不会生成。Esc 取消。

选择、移动与变形

在「编辑」的选择里：左键点选一个图形。空白处拖出方框，可框选多个。按住 ⌘ 再点或再框，可加选或减选。

拖动选中内容可移动；按住 Shift 时沿水平或竖直方向移。拖边角或边可缩放；按住 Shift 时保持比例。拖旋转手柄可旋转，角度会按固定步长靠齐。

矩形可拖圆角。按住 Option 时，圆角的宽和高可以分开调。

直线可拖两端。已打组的内容，点组上的名称可选中整组。

顶栏「删除」去掉当前选中。键盘 Delete 或 Backspace 同样有效。至少要选中一个。

吸附

仅在「编辑」：顶栏「吸附」打开后，画形、移动、缩放时会对齐到已有图形的边和点，并画出参考线。关掉则不对齐。查看模式不能开关。

旋转靠的是角度步长，不走这套对齐线。

路径锚点

选中曲线、折线或多边形后，可拖动锚点和控制点。按住 Option 拖控制点，对侧会跟着；按住 Option 拖锚点，曲线保持平滑。

按住 Option 点曲线段或直线段，可在该处增加锚点。

右键点在已选路径的锚点上，可「删除锚点」「改为尖角点」「改为平滑点」，以及「打断路径」「删除锚点并打断」。不适用的项会发灰。

图形计算

仅在「编辑」：选中后再点顶栏「图形计算」。窗口较窄时，图形计算、对齐、分布、旋转、镜像会收进同一个按钮，先选分类再选动作。

选中两个及以上的路径类图形时可用：

合并图形
仅保留重叠部分
从图形中剪掉（以先选中的图形为底）
移除重叠部分

只选一个时，还可：

简化控制点
文字转曲线（文字）
轮廓描边（把描边变成可填充的形状；没有描边时，会转成路径）

「取消编组」和「打散路径」也在这个菜单里。「打组」不在这里，请用右键。

对齐、分布、旋转与镜像

仅在「编辑」，且当前是选择：

对齐（至少两个）：左对齐、水平居中、右对齐、顶部对齐、垂直居中、底部对齐。

分布（至少三个）：水平分布、垂直分布。

旋转（至少一个）：左旋90°、右旋90°、重置旋转。

镜像（至少一个）：水平翻转、垂直翻转。

这些菜单都可以「固定为悬浮窗」。做完一项后，悬浮窗不会关掉。

打组与层级

在「编辑」里右键画布，可「打组」。顶栏「图形计算」或右键里可「取消编组」「打散路径」。

右键还可以调整叠放：「向前移动一层」「向后移动一层」「置于顶层」「置于底层」。

「层级」在查看和编辑的顶栏右侧都有，但只有编辑并且当前是选择时才能打开。面板标题是「元素层级」，也可以「固定为悬浮窗」。

列表里可以点选（⌘ 加选）、改名称、点眼睛显示或隐藏、拖动调整上下级和顺序，以及删除。没有图形时显示「暂无元素」。

列表里的默认名称和新建菜单一致，例如矩形、圆、直线；文件里已有的椭圆显示为「椭圆」，图片为「图片」，组为「编组」。你改过的名称优先显示。

填充、描边与渐变

仅在「编辑」：选中后点顶栏「属性」。没有选中时按钮不可用。也可以「固定为悬浮窗」。

填充：无填充、渐变或纯色。纯色可打开色板和 HSB，并调不透明度。

选渐变后，会出现渐变条。点色标改颜色和不透明度；拖动色标改位置；点条上空白处可加色标。右键色标可「删除色标」（至少留两个）。画布上也可以拖渐变的两端和色标，或拖整条渐变；点画布上的色标同样改色。

描边：可关掉，或选纯色并调不透明度和宽度。

样式：实线或虚线。虚线可调「线长」和「间隔」。

端点：平直、圆角、方形。

拐角：尖角、圆角、斜角。

选中多个、属性不一致时，可能显示「混合」。

文字

用「新建形状」里的「文字」点到画布上，或双击已有文字。选中文字后，选中框下方可改「字体」和「字号」。

字体分「收藏」（有收藏时在「思源」上面）、「思源」和「系统」，每行按字体本身显示，行尾可收藏，可「搜索字体」。若字体无法识别，或字重不是常用档，旁边会有提示；画布上看到的和导出可能不一致。

含多段文字时，会提示「含多段文字（tspan），暂不支持直接改文案」。需要改外形时，可用「文字转曲线」。

文字的填充和描边仍在「属性」里改。

从文件树放入图片

仅在「编辑」：从文件树把图片拖到画布上。支持 PNG、JPEG、GIF、WebP、BMP，以及另一份 SVG。

只能拖工作区里的文件。当前这份 SVG 需要已经保存过；未保存时会提示「请先保存 SVG 文件后再插入图片」。工作区外的文件会提示「仅支持拖入工作区内的图片文件」。

「新建形状」里没有图片项。

复制、粘贴、删除与撤销

在「编辑」的选择里：⌘C 或右键「复制」，把选中图形放到剪贴板。⌘V 或右键「粘贴」，在原位置放入一份。剪贴板必须是可识别的 SVG 内容。

「删除」见上文。

「撤销」「重做」在顶栏右侧，快捷键是 ⌘Z 和 ⇧⌘Z。只在编辑里有效。

导出图片

三种模式都可以。点顶栏「导出图片」，标题也是「导出图片」。

选择「分辨率」（1x 到 6x），可改文件名，后缀是 .png。点「导出」，PNG 写到当前 SVG 同一文件夹；重名会自动加序号。完成后会提示保存位置。

还没有保存过的文件不能导出。

发送到 AI

顶栏右侧的「发送到 AI」把当前内容交给右侧对话。发送前会先保存。文件尚未保存时不可用。

在编辑中：有选中图形时，尽量带上这些图形对应的原文行号；否则发送整份文件。

在代码中：有选中文字就发送这些行，否则发送整份。

在查看中：发送整份文件。

状态栏

查看和编辑显示「提示」「选中」「缩放」「状态」。

查看时提示是「右/左键移动画布」。编辑时一般是「右键移动，左键选择编辑」；画矩形、圆、直线时是「右键移动，Tab 以精确创建」。

代码模式显示「行数」和「状态」。

小技巧

「属性」「新建形状」「元素层级」以及图形计算等菜单都可以「固定为悬浮窗」，对着画布改时不用反复打开。
发给 AI 前先在「编辑」里选中关键图形，比只丢整份文件更清楚。
画齐、对齐时打开「吸附」；旋转会按角度步长靠齐，不依赖这套对齐线。
「打组」在右键里，「取消编组」在「图形计算」和右键里都有，不要在新建菜单里找。
图片请从文件树拖入，并先保存这份 SVG；不要到「新建形状」里找图片。
「偏移路径」得到的是描边轮廓，不是带填充的放大版。
画布手势和修饰键的完整一览在「设置 → 快捷键 → SVG 编辑器」。