Android WebView Canvas随机无法使用不同的宽度和高度

时间:2018-08-15 07:56:45

标签: javascript android canvas android-webview

对于以下测试,我使用了以下HTML代码段:使用了在线HTML编辑器和来自Android仿真器的Android-WebView-Tester,屏幕为9.7英寸。

此代码运行良好(Image of the Android-Webview-Tester

var canvas = document.getElementById("myCanvas");

//canvas.setAttribute("height", "500");
 ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

此代码在浏览器上运行良好,但在Android仿真器(Image of the Android-Emulator not working)中却无法正常运行:

var canvas = document.getElementById("myCanvas");

//canvas.setAttribute("height", "500");
 ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
<canvas id="myCanvas" width="800" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

这是一个已知问题吗?我错过了什么?我正在使用Android 8.1

我使用Android-Chrome-Browser没问题,但是我正在构建一个完全相同的问题的Cordova-App。 Chrome-Webinspector没有任何错误/警告。

0 个答案:

没有答案