一个画布只放一类形状
图标、地图标记和装饰线条最好分开处理。把太多不同用途的草图混在一起，会让后续整理变慢。
SVG 画板
创建漂亮的矢量路径并直接导出为 SVG 代码。
此工具已针对 PC 环境进行了优化。
• 绘制 / 移动: 点击添加点。拖动移动点。
• 新线条: Command/Ctrl + 点击 开始一条不连续的线。
• 选择: 点击点 (红色), Shift + 点击 (多选), 或 Option + 拖动 (框选)。
• 编辑: 拖动选中的点一起移动。按 Delete/Backspace 删除。
• 快捷键: 撤销 (Cmd+Z), 重做 (Cmd+Shift+Z)。
工作流指南
这个工具最有价值的地方，是把草图变成可复用资产。
重点不只是导出一个 SVG 文件，而是把草图整理成后续可以修改、命名和交接的资产。能否减少重复重画，才是这类工具真正的价值。
命名前先清理节点
虽然快速导出很方便，但先减少多余控制点和折线，通常能节省更多后续修正时间。
记录最终版本为何被选中
如果你尝试了多个版本，最好顺手记下最终采用理由。以后修改时会更容易判断，不容易误回退。
如果描边、路径导出或 SVG 结构表现异常，请发邮件到 contact@1daytools.com。
SVG 草图工作流指南
SVG Sketchpad 适合把草图快速转成可复用的矢量路径，可用于图标草案、UI 线稿和轻量网页素材制作。相比位图流程，它更方便后续调整与版本管理。
为了获得更干净的输出，建议先减少多余节点，再平滑尖锐拐角，并在不同背景下预览结果。SVG 是文本结构，便于压缩优化、代码审查和持续迭代。
在团队协作中，建议导出前统一图层命名与路径 ID 规则。这样在设计稿交接到前端时更容易定位改动范围，也能减少素材重命名、误替换和重复返工的问题。
如果素材需要在多个产品中复用，建议把线宽、viewBox 和命名顺序固化为统一导出模板。标准化输出可减少交付歧义，提升后续质检与版本替换效率。
导出前检查清单
- 导出前先简化不必要的节点
- 在浅色与深色背景都做一次预览
- 按功能命名图层或分组，便于后续维护
常见问题
绘图数据会被上传吗？
不会。绘制和 SVG 导出都在浏览器本地完成，默认不会上传到服务器。
导出的 SVG 还能继续编辑吗？
可以。标准 SVG 路径数据可在设计工具或源码中继续修改。
路径过于复杂怎么办？
请减少控制点，并把复杂形状拆分为多个小路径，便于维护和复用。