javascript – 最好有一个大画布或多达100个小动态生成的画布?

前端之家收集整理的这篇文章主要介绍了javascript – 最好有一个大画布或多达100个小动态生成的画布?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用移动网络骰子模拟器.最初的原型是: http://dicewalla.com

我目前有一个大画布,我画所有的骰子.我正在计划以更多的MVC的方式重写代码,更容易我更新.我认为,为每个模具对象生成一个小画布会比在大画布上绘制所有骰子更加容易,并继续更新该大画布.

我的问题是,如果浏览器创建大量小画布,而不是一个大的画布,那么性能不佳.很难在本地测试,我希望有人能知道最佳做法是什么.

解决方法

多个画布通常可以提供更好的性能,因为您可以选择性地重新渲染.

如果您只有一个画布并且想要更新一个模具,则通常必须重绘整个画布.另一方面,多个画布允许您仅更新需要重新绘制的骰子.这是提高效率.

此外,在加载1画布与100时,您不应该看到任何明显的区别.

原文链接:https://www.f2er.com/js/151678.html

猜你在找的JavaScript相关文章