场景对照
机制章按 API 切。落地时按产品找入口，避免只读完 01 就开始画编辑器。
| 你要做的东西 | 先读 | 不要做的事 |
|---|---|---|
| 高分屏上的静态图/海报 | 01、05、08 | 不建场景图也可以 |
| 可拖、可旋转的物件 | 00 场景图、03 命中、03 手柄、10 撤销 | 不把像素当文档 |
| 无限画布 / 白板平移缩放 | 03 相机、06 视口裁剪 | 不 transform 叠乘 |
| 墨迹白板 | 10 笔刷、10 撤销、03 指针 | 不整张 ImageData undo |
| 图片打框打点 | 10 标注、03 相机 | 不把框存在 CSS 坐标 |
| 合同签名 | 10 签名、08 CORS | 不导出白底、不空签 |
| 裁剪/旋转/滤镜 | 10 图像编辑、02 ImageData | 不在视图 canvas 读全图 |
| 视频烧字幕水印 | 10 视频、04 录像 | 不拿 rAF 当帧时钟 |
| 列表封面/印刷 | 10 缩略图 | 不 toDataURL 交互 canvas |
| 监控散点/行情 | 10 图表、06 索引 | 不每点 beginPath+阴影 |
| PDF / 超大图 | 10 阅读器、06 瓦片 | 不整页整图一次 drawImage |
| 小地图 | 10 小地图 | 不每帧缩小主画布 |
| 路径挖洞/合并 | 02 布尔、02 clip | 不把 destination-out 当矢量布尔 |
| 正交 2D 地图 | 10 Tilemap、04 精灵 | 不铺一张巨型背景 PNG |
| 读屏/键盘 | 03 无障碍、03 overlay | 不把后备 HTML 当 a11y 树 |
| 要不要上 Konva/Pixi | 09 两篇 | 不把库当「不用懂 DPR」 |
能力分层仍见 README。本表解决「场景在哪篇」。