生产场景
机制章回答「API 是什么」。这一章回答 这类产品的场景图怎么切、哪一层 raster、哪一层绝对不能进像素。
每篇默认已经读过:
坐标系一律:世界单位 + Camera,用户空间 = CSS 像素。
文档清单
| 文档 | 场景 |
|---|---|
| 白板笔刷与压感 | 墨迹、压感、合并点、笔画撤销 |
| 图片标注与热区 | 底图 + 矢量框、导出 JSON |
| 签名板 | 短路径、裁边、合规留痕 |
| 图像裁剪旋转与滤镜 | 工作表面、EXIF、导出 |
| 视频水印与逐帧叠加 | requestVideoFrameCallback、taint |
| 缩略图与离屏导出 | 多规格、Worker、不要主线程 toDataURL |
| 撤销重做命令栈 | 命令 vs 位图快照 |
| 图表散点与大量标记 | LOD、拾取、何时滚到 WebGL |
| PDF 与大图阅读器 | 分页光栅、文字 DOM、瓦片金字塔 |
| 小地图 | 第二相机、概览烘焙、视口框跳转 |
| 游戏 Tilemap | 格子裁剪、chunk、碰撞与跟随 |
反模式(所有场景共用)
- 把 backing store 当文档存盘。
- 在视图 canvas 上
getImageData做业务。 - 每个工具自己换算 clientX,不经过 camera。
- UI chrome 画进同一层墨迹。