Javascript HTML5画布：容纳太多画布对象是否昂贵？

我正在做一些简单的照片工具，我可以移动周围的照片

如果我创建了一个与背景画布大小相同的画布，比如说每个添加到画布上的照片的大小为800*600，每个照片都可以在自己的画布上单独旋转、移动或缩放，然后在背景画布上绘制

---

保留那么多画布会占用大量内存。。假设有20张画布上的照片。

这将占用与许多画布对象所需的内存一样多的内存！为什么不试试，看看会发生什么？我已经读到，拥有多个画布可以帮助渲染。也许将其扩展到20会使性能规模朝相反的方向倾斜。您打算在屏幕上显示所有20个画布，还是只使用一个屏幕画布，在所看到的图像后面存储图像，并在需要时绘制图像？是的，20个800x600画布是一项巨大的内存投资——特别是在移动设备上。我的2美分：使用1个画布放置20个图像，点击测试用户正在选择的图像。然后使用工具变换一幅图像，同时使其他非选定图像保持静止（变换==平移（移动）、旋转和缩放）。