OffscreenCanvas 实战：主线程解耦的绘图性能优化

# 概述 OffscreenCanvas 允许在 Worker 中进行 2D 或 WebGL 绘图，将渲染从主线程移出，降低交互与渲染竞争。适合动画、图表与高频绘制场景。 # 用法与能力 - 在主线程通过 `canvas.transferControlToOffscreen()` 获取 `OffscreenCanvas` 并传递到 Worker；在 Worker 中使用 `getContext('2d')` 或 `getContext('webgl')` 绘图［参考1,2］。 - 支持 `convertToBlob()` 导出图像与 `commit()` 刷新帧（部分上下文）。 # 工程建议 - 控制帧率与绘制复杂度，避免 Worker 过载；在消息管道中批量传输指令与数据。 - 错误与兼容：检查浏览器支持与跨域限制；提供主线程绘图回退。 # 参考与验证 - ［参考1］MDN 英文：OffscreenCanvas 接口与用法：https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas - ［参考2］web.dev：OffscreenCanvas 性能与案例说明：https://web.dev/articles/offscreen-canvas # 关键词校验 关键词与 OffscreenCanvas 性能优化一致。