Ben*_*phy 11 javascript web-applications canvas
我正在使用移动网络骰子模拟器.最初的原型在这里:http://dicewalla.com
我目前有一个大画布,我画所有的骰子.我打算以更多MVC的方式重新编写代码,让我更容易更新.我认为为每个骰子对象生成一个小画布比在大画布上绘制所有骰子并继续更新那个大画布更容易.
我的问题是,如果浏览器创建了大量的小画布而不是一个大画布,那么性能会受到很大影响.在本地测试很难,我希望这里有人知道最佳实践是什么.
多个画布通常可以提供更好的性能，因为您可以有选择地重新渲染。
如果您只有一张画布并想要更新一个骰子，通常需要重新绘制整个画布。另一方面，多个画布允许您仅更新需要重新绘制的骰子。这就是效率的提高。
此外，加载 1 个画布与加载 100 个画布时您不应该看到任何明显差异。