1

我正在使用 HTML5 <canvas> 标记制作一个简单的应用程序,并使用 Cordova 将代码编译到本机应用程序中,但问题是画布使用与其大小无关的坐标,我们计划让它跨越Apple 和 Google 支持的设备……这可能意味着至少有 10 种以上的屏幕尺寸/分辨率。

所以我想知道如何<canvas>在不同的屏幕尺寸上使用(将全屏显示)。

使用基于模型的坐标会有帮助吗?

谢谢!

4

1 回答 1

1

我很确定您只能在画布元素本身中设置一个宽度和高度。如果您想根据纵向、横向等更改其大小,您可以使用CSS 媒体查询。我很确定这会使您的画布在某些情况下看起来质量不是很高,因为您实际上只是在放大或缩小预定义元素的大小。

根据屏幕尺寸等,可能有一种更好的方式来重绘画布,但我还没有尝试过。

于 2012-06-20T17:55:51.167 回答