导出概览
VizChat 支持五种导出格式——PNG、SVG、PDF、视频、JSON/YAML——覆盖从单节点到整个故事板的所有交付场景。
导出是把"VizChat 中的工作产物"变成"可发送、可嵌入、可归档的静态工件"的过程。VizChat 提供五种导出路径,按粒度和用途划分:
五种格式一览
| 格式 | 粒度 | 典型用途 | 详细文档 |
|---|---|---|---|
| SVG (矢量) | 单节点 | 嵌入 Figma / 论文 / 博客,无损缩放 | 图片导出 |
| PNG (位图) | 单节点 / 画布 | 插入 PPT / Word / 聊天截图 | 图片导出 |
| 故事板 / 文档 | 正式文档交付、打印 | PDF 导出 | |
| 视频 (MP4) | 故事板 | 社媒发布、异步评审、带音效演示 | 视频导出 → 详细规格 |
| JSON / YAML | 节点数据 | 二次处理、版本控制、与脚本集成 | 数据格式 |
导出的三个典型流程
- 单节点 → SVG:在节点右上角菜单点击导出,当前实现通过
useNodeExportHook 查找[data-canvas-svg="true"]的 SVG 元素,克隆后序列化为文件(downloadSvg)。优先导出"展开模式"的节点——也就是对话框打开的大图。 - 故事板 → 视频:在故事板顶部点击"导出视频",按套餐决定是否带水印(详见 视频导出)。
- 故事板 → PDF:每页 slide 渲染成一页 PDF,适合打印或正式归档。
导出与套餐
PNG / SVG / PDF 对所有用户免费开放,不消耗 Credits。视频导出是唯一需要订阅的导出类型,具体 tier 见 视频导出。
Next step
- 图片导出(PNG / SVG) — 节点级矢量/位图导出
- PDF 导出 — 故事板与文档的 PDF 输出
- 视频导出 — MP4 导出(Storyboard 功能)