离屏 Canvas 是脱离网页 DOM 渲染主线程的独立画布元素,可在后台异步完成图形绘制、纹理预处理、数据可视化预计算等操作,规避主线程阻塞卡顿,大幅提升复杂图形场景的渲染流畅度。
图层面板里,每个层需要一个很小的缩略图预览。最直觉的做法是 obj.toDataURL() 把整个对象渲染出来。可一旦遇到 超长图/超高图 ,直接生成缩略图会两败俱伤:要么 toDataURL 直接返回一个空字符串给我们 "data:," ,要么把内存吃爆。这篇文章记录我的兜底方案。 一、按比例算出…