HTML5多画布在单页上

前端之家收集整理的这篇文章主要介绍了HTML5多画布在单页上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我们使用多个< canvas>在单个html页面上会妨碍正在开发的应用程序的性能代码变得非常笨重,需要更多的时间来加载页面

解决方法

有时多个画布会带来更好的性能。最好测试你是否能负担得起时间。

假设您正在制作一个在屏幕上有项目并允许用户绘制选择框的程序。

使用一个画布,要绘制选择框,您必须重新绘制所有元素来更新用户看到的选择框,因为他们都在同一画布上。

或者,您可以有两个画布,一个与对象,然后另一个在前面的东西像“工具”(像选择框图形)。这里两个画布可能更有效。

其他时候,你可能想有一个变化很少的背景和前景对象,所有的时间。而不是以每秒60帧的速度重绘所有这些,您可以制作一个背景画布和前景画布,并且只有前景的对象以高速重绘。这里,两个画布应该比一个画效率更高,但是可以更好地将该背景画布“缓存”为图像,并且在每一帧中首先绘制图像。

原文链接:https://www.f2er.com/html5/169509.html

猜你在找的HTML5相关文章