画布大小对浏览器呈现的性能影响

时间:2014-11-08 12:10:24

标签: javascript html html5 canvas

我需要绘制一个相当大的图表('图表'可能会产生误导,因为它会有大量的小文本和颜色框,但由于缺少更好的术语,我会留下它), x轴比屏幕的宽度长很多倍,并且想知道如何处理它以获得最佳性能。

a)我在较小的div中绘制一个大画布,以便显示滚动条。这样,只有部分画布可见。如果浏览器足够智能只渲染正在显示的画布部分,那么这将是最简单的选择。

b)我用自定义滚动条绘制一个较小的画布,并在用户滚动时重新渲染画布的内容。如果我的代码很聪明,我相信我可以节省一些渲染周期。

所以我想我的问题是:浏览器是否足够聪明,以至于他们必须只渲染画布中真正可见的部分?或者我最好还是重新渲染应该可见的画布部分?

0 个答案:

没有答案