如果我在javascript中拉伸画布,我会获得性能提升吗?画布内的视频渲染速度是否较慢?

时间:2016-08-08 17:21:49

标签: javascript performance video canvas stretch

我们假设我在1920x1080显示器上运行HTML5游戏。

如果我将画布设置为960x540的一半,并通过CSS将其拉伸至100%的宽度和高度,要全屏运行,游戏会更快运行吗?

我能改变显示器的实际分辨率吗?

(对于那些不知道的人,CSS只展示画布,它不会设置画布的实际宽度和高度)

另外一个问题是,画布内的视频渲染比普通视频渲染慢吗?

1 个答案:

答案 0 :(得分:1)

  

如果我将画布设置为960x540的一半,并通过CSS将其拉伸至100%的宽度和高度,要全屏运行,游戏会更快运行吗?

大小 1920 * 1080像素它不会有太大的区别,因为上下文图像数据本身更大,包含很多的RGBA颜色。代表图形会更快,但是(或多或少)处理图形的速度(或者更快),这取决于用户计算机。

  

我能改变显示器的实际分辨率吗?

这取决于用户计算机......简答,没有。

  

另外一个问题是,画布内的视频渲染比普通视频渲染慢吗?

是的...网络视频播放器本身速度更快,包含的图像数据信息较少(颜色格式为RGB)等。