如何在浏览器中编辑 SVG 文件
更新于
要在浏览器中编辑 SVG，请在 EditItAll 矢量编辑器中打开它。用钢笔工具重塑路径，用布尔运算调整或合并形状，编辑文字，并更改任意颜色。保存回 SVG，或导出 2× 的 PNG。所有更改都在你的设备上完成，不会上传任何内容。
现在就做——免费，在浏览器里
Open the vector editor为什么要编辑 SVG 本身
SVG（可缩放矢量图形）以形状和路径的方式存储图像，靠的是数学运算，而不是像素。这就是为什么保存为 SVG 的标志无论用作网站图标还是巨幅广告牌都能保持锐利清晰，也是它成为图标、标志和插画理想格式的原因。这还意味着你可以打开文件直接编辑实际的形状，而不是逐个像素地涂改。
编辑 SVG 源文件几乎总是比编辑导出的 PNG 更好：移动一个锚点，曲线依然平滑；更改填充色，颜色精确无误；缩放整个图形，也不会出现模糊。要做到这一点，你需要一款懂矢量的编辑器。
逐步打开并编辑 SVG
EditItAll 矢量编辑器可直接在浏览器中打开 SVG 文件：
- 打开编辑器并载入你的
.svg文件，可以是标志、图标集或插画。 - 用选择工具（V）移动和缩放整个对象，用直接选择工具（A）抓取单个锚点。
- 更改填充和描边颜色，用文字工具（T）编辑任意文字，并借助智能参考线和 Illustrator 风格的快捷键将形状精确对齐。
你的操作会随时自动保存到浏览器中，即使加载完成后断网，整个编辑器依然能继续运行，这清楚地证明你的文件不会被发送到任何地方。
重塑和合并路径
真正的强大之处在于重塑路径。钢笔工具（P）通过贝塞尔手柄放置锚点，让你可以重新绘制曲线、为标志添加节点，或从零开始描绘新形状。铅笔工具则用于徒手绘制。
要制作更复杂的作品，可以用布尔运算合并简单形状：用联集把它们融合在一起，用减去顶层从一个形状中挖去另一个，用交集只保留重叠部分，用差集去掉重叠部分。这些运算基于精确算术的几何引擎运行，因此得到的边缘始终干净利落，不会出现哪怕几分之一像素的偏移。这就是把几个矩形和圆形变成一个成品图标的方法。
保存为 SVG 或导出 PNG
完成后，保存回 .svg 以保持文件完全可编辑，或者在需要用于网页或文档的位图图像时，导出2× 的 PNG。如果你手上已经有 SVG，只想要 PNG，专门的 SVG 转 PNG 转换器一步就能完成。
诚实地说有两个限制：编辑器读取的是标准 SVG，而不是 Adobe 的 .ai 或 .eps 文件，并且它不支持渐变网格、图案填充或 CMYK 颜色。不过，对于将日常的标志、图标和插画编辑为 SVG 而言，你需要的一切都能在你的设备上运行。打开矢量编辑器即可开始。
常见问题
编辑 SVG 文件时，我的文件会被上传吗？+
不会。矢量编辑器完全在你的浏览器中运行，因此你的文件永远不会离开你的设备。页面加载完成后，你可以断开网络连接并继续编辑，这就证明了没有任何内容被发送出去。
它能打开 Adobe Illustrator 的 .ai 文件吗？+
不能。编辑器打开的是标准 SVG，而不是 Adobe 的 .ai 或 .eps 文件。如果你的作品在 Illustrator 中，请先将其导出或另存为 SVG，然后在这里打开该 SVG 文件。
我可以把 SVG 导出为 PNG 吗？+
可以。你可以导出 2× 的 PNG 以获得清晰的位图图像，如果你只需要转换而不需要编辑，也可以使用专门的 SVG 转 PNG 转换器。
编辑器不能做什么？+
它不能读取 Adobe 的 .ai 或 .eps 文件，也没有渐变网格、图案填充或 CMYK 颜色功能。不过对于日常的 SVG 标志、图标和插画来说，它的钢笔工具、形状、布尔运算、文字和图层功能已经足够胜任。
刷新页面会丢失我的工作内容吗？+
不会。你的操作会在编辑过程中自动保存到浏览器的本地存储中，因此刷新页面或关闭标签页都不会清除它。这些保存的数据会一直留在你的设备上。