我有一个包含画布的电子应用程序。我从阵列中读取了1280x720p的视频帧，并使用webgl在画布上顺序显示。 在60Hz显示屏上，一切正常。当我将应用程序移动到以30Hz（刷新率为30）运行的外部显示器时，速度会大大降低。我在画布上有一个CSS动画。如果我删除了该CSS动画，一切将再次恢复正常。
我依靠requestAnimationFrame回调来调用webgl绘制。据我了解，在30Hz监视器上，requestAnimationFrame回调应该每秒被调用30次。所以我希望绘图能以30 fps的速度工作。但是每个绘制操作大约需要120毫秒。因此，绘图fps降至仅12-13 fps。 我怀疑由于30Hz显示器上连续出现CSS动画（其图标为淡出）而对渲染产生某种干扰。 有人可以提供一些见解吗？ 预先感谢！