我正在使用 HTML5 <canvas> 标记制作一个简单的应用程序,并使用 Cordova 将代码编译到本机应用程序中,但问题是画布使用与其大小无关的坐标,我们计划让它跨越Apple 和 Google 支持的设备……这可能意味着至少有 10 种以上的屏幕尺寸/分辨率。
所以我想知道如何<canvas>
在不同的屏幕尺寸上使用(将全屏显示)。
使用基于模型的坐标会有帮助吗?
谢谢!
我正在使用 HTML5 <canvas> 标记制作一个简单的应用程序,并使用 Cordova 将代码编译到本机应用程序中,但问题是画布使用与其大小无关的坐标,我们计划让它跨越Apple 和 Google 支持的设备……这可能意味着至少有 10 种以上的屏幕尺寸/分辨率。
所以我想知道如何<canvas>
在不同的屏幕尺寸上使用(将全屏显示)。
使用基于模型的坐标会有帮助吗?
谢谢!
我很确定您只能在画布元素本身中设置一个宽度和高度。如果您想根据纵向、横向等更改其大小,您可以使用CSS 媒体查询。我很确定这会使您的画布在某些情况下看起来质量不是很高,因为您实际上只是在放大或缩小预定义元素的大小。
根据屏幕尺寸等,可能有一种更好的方式来重绘画布,但我还没有尝试过。