科尔多瓦人行横道内容模糊

Question

我正在使用Crosswalk Webview for Cordova 7.0.1（我也尝试过最新的cordova，即8.0.0）来打包我的HTML5画布游戏。 问题在于内容非常模糊。

这是我正在使用的config.xml配置。

<platform name="android">
    <allow-intent href="market:*" />
    <preference name="Orientation" value="landscape" />
    <preference name="Orientation" value="sensorLandscape" />
</platform>
<platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
</platform>
<preference name="Fullscreen" value="true" />
<preference name="xwalkVersion" value="22+" />
<preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect --force-device-scale-factor=1 --disable-touch-drag-drop --disable-pinch" />
<engine name="android" spec="^6.2.3" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />

我也在使用视口元标记：

<meta name="viewport" content="user-scalable=no">

在这方面的任何帮助将不胜感激。

谢谢。

Answer 1

像这样检查：

var canvas = document.getElementById('canvas');
canvas.width = canvas.getBoundingClientRect().width;
canvas.height = canvas.getBoundingClientRect().height;

Answer 2

用此标记替换viewport元标记，该标记还可以确保缩放，宽度和高度固定为100％。

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />