HTML5 <canvas>缩放到不同的检测到的屏幕尺寸</canvas>

时间:2012-06-20 15:41:27

标签: javascript html5 cordova canvas

我正在使用HTML5&lt; canvas&gt;创建一个简单的应用程序使用Cordova标记并将代码编译到本机应用程序中,但问题是canvas使用的坐标与其大小无关,我们计划在Apple和Google支持的设备上使用它...这至少意味着超过10种屏幕尺寸/分辨率。

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

我很确定你只能在canvas元素中设置一个宽度和高度。如果要根据纵向,横向等更改其大小,可以使用CSS media queries。我很确定在某些情况下你的画布看起来不会很高,因为你实际上只是在吹嘘或缩小预定义元素的大小。

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