跳到主要内容

生产场景

机制章回答「API 是什么」。这一章回答 这类产品的场景图怎么切、哪一层 raster、哪一层绝对不能进像素

每篇默认已经读过:

坐标系一律:世界单位 + Camera,用户空间 = CSS 像素。

文档清单

文档场景
白板笔刷与压感墨迹、压感、合并点、笔画撤销
图片标注与热区底图 + 矢量框、导出 JSON
签名板短路径、裁边、合规留痕
图像裁剪旋转与滤镜工作表面、EXIF、导出
视频水印与逐帧叠加requestVideoFrameCallback、taint
缩略图与离屏导出多规格、Worker、不要主线程 toDataURL
撤销重做命令栈命令 vs 位图快照
图表散点与大量标记LOD、拾取、何时滚到 WebGL
PDF 与大图阅读器分页光栅、文字 DOM、瓦片金字塔
小地图第二相机、概览烘焙、视口框跳转
游戏 Tilemap格子裁剪、chunk、碰撞与跟随

反模式(所有场景共用)

  1. 把 backing store 当文档存盘。
  2. 在视图 canvas 上 getImageData 做业务。
  3. 每个工具自己换算 clientX,不经过 camera。
  4. UI chrome 画进同一层墨迹。