逐笔 Studio：把图片拆成可以回放的 SVG 路径

照片转成 SVG 之后，除了缩放与编辑，还能不能看见它被一笔笔组织起来？逐笔把本地矢量化、手动绘制和步骤回放放进了同一个工作室。

仓库创建：2026-09-10 13:18（不等同于项目开工日期）

本篇参考的默认分支提交：2026-09-10 13:46 · 1230e0a7

时间采用 UTC+8。文章发布时间是本次整理时间，不按 GitHub 历史日期倒填。

路径与步骤，是两种不同的数据

逐笔支持三条工作流：用 VTracer 提取照片的色块与轮廓，直接绘制或编辑 SVG，以及让视觉模型分步生成 SVG。新增、移动、改色和删除都能成为一步，之后可以回到任意阶段继续编辑。最终输出不仅有 SVG，也有独立 HTML 回放和工程 JSON。

这里需要区分真实编辑记录与程序重建顺序。手工操作可以记录每次修改；本地矢量化的回放则依据路径遮挡关系重新组织，并不等于原作者的实际作画过程。复杂纹理和渐变会被简化为色块，也不能期待每张照片都获得像素级复原。

本地矢量化和手动绘制不依赖外部 API，准备好运行环境后可以离线使用。AI 绘制则需要本机 Codex CLI，或使用者自己的视觉模型接口。后一条路线会发送参考照片与当前画面，费用和数据处理规则由所选服务决定。

项目将 SVG 与回放作品设计为不嵌入原照片；工程 JSON 会保留参考照片，以便继续编辑。换电脑前应导出工程，而不是把浏览器缓存当作唯一存档。

Windows 启动器会把缺失的运行环境放入项目内的 .local 目录，避免修改系统 PATH。README 同时列出了矢量化测试和模拟 API 验证范围，并明确说明未使用真实付费账号完成端到端调用。阅读这些边界，比单看一张生成结果更能判断工具是否适合自己的工作流。

以下为采集时默认分支的近期提交，链接保留原始记录。