4

我试图在使用 HTML5 Fullscreen API 的网页中使用 CANVAS 元素来全屏显示。在 Chrome for Android 上进入全屏时,元视口比例更改为值 1,忽略设置集并将分辨率降低 75%。它在 Android 上的 Firefox Mobile 中按预期工作。

问题是,当通过全屏 api 进入全屏时,如何保持移动设备的全分辨率可用于 CANVAS 元素?我通过 meta 设置比例以向 javascript 报告全屏大小,并允许在高分辨率 dpi 设备上使用高分辨率画布。

<meta name="viewport" content="width=device-width, initial-scale=.25, minimum-scale=.25, maximum-scale=.25, user-scalable=yes" />

通过 HTML5 全屏 api 进入全屏时,报告的大小是四分之一,就好像比例设置为 1。

这是一个示例http://3d-360.com/gigapan/broken.html

4

0 回答 0