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

我正在使用移动网络骰子模拟器.最初的原型是: http://dicewalla.com

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

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

解决方法

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

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

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...