对于以下测试,我使用了以下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没有任何错误/警告。