自上次更新 Android WebView 以来,通过将 WebView 的图层类型设置为 View.LAYER_TYPE_SOFTWARE 来禁用硬件加速时,带有 HTML5 画布的网页无法正确显示。这个问题有解决方法吗?
当我省略以下 Java 代码行时:
webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
然后内容就可以正确显示了。
Java代码:
WebView webView = findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
webView.loadUrl("file:///android_asset/Gradient.html");
html文件test.html:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
// Create gradient
var grd = ctx.createLinearGradient(0,0,200,0);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
// Fill with gradient
ctx.fillStyle = grd;
ctx.fillRect(10,10,150,80);
</script>
</body>
</html>
预期结果:
黑色边框中的红色线性渐变https://heiri-web.ch/Gradient.png
实际结果:
空黑色边框https://heiri-web.ch/Empty.png