SVG 画板

创建漂亮的矢量路径并直接导出为 SVG 代码。

此工具已针对 PC 环境进行了优化。

绘制 / 移动: 点击添加点。拖动移动点。

新线条: Command/Ctrl + 点击 开始一条不连续的线。

选择: 点击点 (红色), Shift + 点击 (多选), 或 Option + 拖动 (框选)。

编辑: 拖动选中的点一起移动。按 Delete/Backspace 删除。

快捷键: 撤销 (Cmd+Z), 重做 (Cmd+Shift+Z)。

SVG 草图工作流指南

SVG Sketchpad 适合把草图快速转成可复用的矢量路径,可用于图标草案、UI 线稿和轻量网页素材制作。相比位图流程,它更方便后续调整与版本管理。

为了获得更干净的输出,建议先减少多余节点,再平滑尖锐拐角,并在不同背景下预览结果。SVG 是文本结构,便于压缩优化、代码审查和持续迭代。

导出前检查清单

  • 导出前先简化不必要的节点
  • 在浅色与深色背景都做一次预览
  • 按功能命名图层或分组,便于后续维护

常见问题

绘图数据会被上传吗?

不会。绘制和 SVG 导出都在浏览器本地完成,默认不会上传到服务器。

导出的 SVG 还能继续编辑吗?

可以。标准 SVG 路径数据可在设计工具或源码中继续修改。

路径过于复杂怎么办?

请减少控制点,并把复杂形状拆分为多个小路径,便于维护和复用。

喜欢这个工具吗? 💖

您的支持是我们开发新工具的动力。☕️