从流程草图到可导入备份
预置场景一：流程草图（flow-sketch）。打开 /app/?lang=zh&tool=whiteboard，在示例中选择「流程草图」：画布含「开始 → 整理需求 → 评审结束」三个矩形、两根绑定箭头和中文标题「流程草图：需求 → 整理 → 评审」。所有坐标固定（例如第一个矩形 x=80,y=120,w=160,h=72），种子固定，方便复现。
步骤：① 用 whiteboard 的 inspect 查看场景校验与元素位置；② 用 export 选择 format=excalidraw 下载 draw-export-<时间>.excalidraw；③ 再次导入该文件，重新检查位置：矩形 x/y/width/height、箭头 points、中文文字逐项一致（Node 测试 roundTripScene 断言 positionsEqual / chinesePreserved / arrowPointsPreserved 全为 true）；④ format=svg 生成下载内容，SVG 永不注入 DOM。
若当前画布已有改动，先导出备份；新建/加载示例会给出确认令牌，确认后才替换。草稿默认关闭，开启后才写 al:draw:v1:*；共用设备请点「只清本站数据」。
诚实边界：本教程演示的是确定性场景模型与序列化契约，不是真实手绘 Canvas 交互；真实 Excalidraw 引擎与 PNG 栅格化未集成/未实测。