在HTML5画布中绘制X个圆圈的最快方法是什么?

时间:2017-02-21 13:52:04

标签: html html5 performance canvas html5-canvas

关于画布绘制速度的简单问题。

在1幅画布中绘制100个圆圈或在100幅画布中绘制1个圆圈会更快吗?

1 个答案:

答案 0 :(得分:-1)

在一个画布上绘制100个圆圈要容易得多:

当您调用相同的操作时,无论是1个画布* 100个圆圈,还是100个画布* 1个圆圈,您仍然告诉程序绘制完全相同的次数。< / p>

那有什么区别?

当您向程序中引入100个画布时,程序运行速度会慢得多,因为它需要在后台存储这些画布。虽然速度不会降低太多,但仍会下降。

1画布的另一个好处是可以更容易地控制一个画布上的所有内容,而不是100幅画布。

编辑:在一个画布上,您也可以让圆圈重叠(如果需要),但如果您有100幅画布,则圆圈不能重叠。

我希望这有助于你:)