Claude 画图 - 编辑和导出 SVG 神器分享

分享一款开源在线 SVG 编辑器，用于对 Claude 生成的矢量图进行元素删除、文字修改及多格式导出。

UP主: 路导AI · 时长: 3:26 · 🔗 B站原视频

发布: 2025-03-17 · 收录: 2025-03-25

标签: SVG编辑 · Claude · AI工具 · 矢量图 · 设计辅助

工具介绍：在线 SVG Editor

今天给大家分享一个 SVG 图片的在线编辑器：SVG Editor。主要用于对 Claude 生成的 SVG 图片进行二次编辑和导出。

这是一个多年的开源老项目，完全在线、免费。下面是它的 GitHub 开源地址。大家也可以选择在自己的本地搭建这样的一个编辑器。

编辑器界面非常简单。这节课里简单演示一些基本操作，比如 SVG 的导入、元素的删除、移动，以及文字的修改。

它提供了非常丰富的功能，其他功能需要大家后面慢慢探索。

先说怎么导入 SVG 图片。这是我提前生成的一张 SVG 图片，大家可以看到它有很多问题，比如文字被遮挡，或者有一些无关的元素。生成本身也有一些问题，所以需要做修改。

第一种导入方式：第一步先复制所有的 SVG 代码，然后回到编辑器。左上角有一个 SVG 的图标，我们点击进去，把它原有的所有代码全部删除，把复制的代码粘贴进来，点击保存，SVG 图片就会展示在在线编辑器里。

第二种导入方式：可以选择菜单栏，打开 SVG 或者导入 SVG。

接下来讲怎么修改，主要说几种常规操作。

第一种操作：删除无关元素
大家可以很明显看到，这张图片左边和上边有一些横条，这是不需要的。选中这些元素，点击删除就可以了。

第二种操作：移动元素
这一行文字被遮挡了，我们希望它往下移动。选中这行文字，按住鼠标往下面拖就可以。

第三种操作：修改文字
同时最下角左侧这个地方生成是有问题的，我们希望修改文字也很简单。选中后双击，鼠标指针会进入元素内部，就可以删除原内容，然后输入自己的内容。

以上就是我在使用 SVG Editor 时的一些常规编辑操作。大家可以看到上方菜单栏以及左侧有非常丰富的功能，可以自行探索。

最后讲一个比较高频的操作：导出 SVG 为其他格式。同样点击菜单栏，在这里可以选择保存图片为 SVG、另存为 SVG，或者导出。点击导出后可以看到它支持导出为 PNG、JPG、PDF 等多种格式，选择之后点击确定就可以了。

这就是导出后的 PNG 图片。以上就是 SVG 编辑的所有内容。