我们正在使用缩放技术来提高我们的画布 Web 应用程序在视网膜显示器上的分辨率。基本上,这里描述的技术:
http://zsprawl.com/iOS/2012/03/html5-canvas-and-retina-displays/
但是,我们注意到在横向模式与纵向模式下运行时的显着性能差异。我已经设置了一个 jsFiddle 测试应用程序来演示这一点。如果您查看嵌入式版本,您会注意到差异:
http://jsfiddle.net/SaJ69/embedded/result/
(删除 /embedded/result/ 会将您带到原始小提琴。我只能有一个包含 2 个链接的帖子)
如果您在 iPad3 上查看此内容时在纵向和横向之间切换(您需要在切换之间刷新浏览器窗口),您会发现纵向模式比横向模式更不稳定。在我自己的网络服务器上运行它(而不是通过 jsFiddle),结果更加明显。
我试图做一些帧率指标,但它们只是测量我们进行绘图调用的次数,而不是浏览器实际更新的次数。
有人对此有任何见解吗?这是与硬件相关的问题吗?从理论上讲,我们正在执行相同的绘制调用并填充相同数量的像素,对吗?
-克里斯