在线编辑 SVG 文件

打开 SVG 并进行可视化编辑——添加形状和文本、调整位置、大小、填充和描边,并通过实时预览对元素重新排序。一切都在你的浏览器中本地运行,完全免费。

强大的 SVG 编辑,就在你的浏览器中

可视化元素列表

文件中的每个形状、路径和文本节点都按标签列出并带实时摘要,让你一目了然看到绘图内容,并精确选择要修改的对象。

形状与几何

一键添加矩形、圆形、椭圆、直线、多边形和路径,然后在专用属性面板中编辑其坐标和尺寸。

文本编辑

直接添加文本标签并编辑其内容,可控制位置和字体大小,让标注和说明文字贴合绘图。

全面的样式控制

用取色器更改填充和描边颜色、调整描边宽度和不透明度,并可逐个元素删除或覆盖任何属性。

可平移、可缩放的预览

拖拽平移、滚轮缩放实时预览,配合适应 / 放大 / 缩小控件,让绘图在任何缩放比例下都保持清晰。

私密设计

SVG 完全在你的浏览器中编辑,并在沙盒化的 iframe 中渲染,因此内嵌脚本永远无法运行,你的文件也不会离开你的设备。

这个 SVG 编辑器是什么?

这个工具是一个轻量级的、基于浏览器的 SVG 编辑器——SVG 是开放的矢量图形格式,从图标、Logo 到技术图纸和数据可视化无处不在。你不再需要手动在文本编辑器中修改 XML 标签,而是在实时画布上选择元素,用简单的控件进行调整:移动或调整形状大小、挑选填充或描边颜色、输入新文本、对元素重新排序或复制,以及调整画布本身的大小。由于整个文档留在你的浏览器中,不会上传任何内容,工具甚至可以安全地处理敏感文件。输出是有效的 SVG,可在任何接受 SVG 的地方使用。

如何使用 SVG 编辑器

编辑 SVG 只需三步——工具自动打开文件,每次更改都会实时反映。

1

放入你的 SVG

将一个或多个 .svg 文件拖放到上传区域(或点击浏览)。每个文件自动打开,带自己的实时预览和元素列表。

2

选择并编辑

点击列表中的任何元素即可选中,然后在「属性」面板中调整其位置、大小、颜色、描边和不透明度。使用工具栏添加新形状或文本,并对选中的元素进行复制、重排或删除。

3

下载你的作品

逐个下载每个编辑后的 SVG,或将所有文件打包成一个 ZIP。下载完全在本地进行——编辑后的文档在你的浏览器中生成,绝不会发送到服务器。

需要注意的事项

在你进行第一次编辑之前,下载返回的是文件的精确原始字节——不会预先重写任何内容。第一次编辑会重新序列化文档,因此空白和属性顺序可能会被规范化。出于安全考虑,SVG 在沙盒化的 iframe 中渲染:内嵌脚本永远不会运行,外部图片和字体也不会加载。路径数据会显示,但不能逐点编辑,非常大的文件只列出前 1,000 个元素并带一条提示。

常见问题解答