性能与可观测
Canvas 2D 的性能问题几乎都不是「API 太慢」,而是 同步光栅 + 读回 + 过绘 + 状态抖动 叠在主线程上。先分层和禁读回,再谈 Worker。
文档清单
| 文档 | 解决的问题 |
|---|---|
| 绘制性能陷阱 | 读回、阴影、文字、过绘、怎么测而不是怎么猜 |
| 视口裁剪瓦片与空间索引 | 可见性、网格索引、瓦片 LRU |
测量原则
用 Chrome Performance 的 Main + Rendering,看 Paint / Update Layer Tree 是否被 CanvasRenderingContext2D 的同步工作拉长。console.time 只能告诉你 JS 侧,光栅往往在 C++ 里,不在你的 timer 里。