Android WebView,layer_type_software不显示HTML5画布内容



自上次更新Android WebView以来,当通过将WebView的图层类型设置为View.LAYER_TYPE_SOFTWARE来禁用硬件加速时,带有HTML5画布的网页无法正确显示。有解决此问题的方法吗?

当我省略以下 Java 代码行时: webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null(; 然后内容将正确显示。

爪哇代码:

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 文件测试.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

https://issuetracker.google.com/issues/139276381 向Google提交错误报告后,我收到了该错误不会修复的回复LAYER_TYPE_SOFTWARE因为该错误已经过时。因为我需要LAYER_TYPE_SOFTWARE来获得完整的屏幕截图(包括HTML5画布内容(,所以我要求使用WebView.getDrawingCache()我要求另一种方法。根据WebView

开发团队成员Bo Liu的建议,我设法在不使用LAYER_TYPE_SOFTWARE的情况下获得了WebView的完整屏幕截图: 创建 ImageReader,使用ImageReader.getSurface()获取 Surface,在 Surface 上创建 VirtualDisplay,使用VirtualDisplay.getDisplay()获取显示器,使用 WebView 在显示器上的布局中创建演示文稿,使用Presentation.show(),使用ImageReader.acquireLatestImage()读取 Web View 内容的呈现图像。

我发现在Android webview中解决HTML5画布问题的关键是在AndroidManifest.xml中。我必须做什么?我保留了使用混合(自定义(Web 视图的策略,因为当我在适用于 iOS 和 Android 的 Xamarin 窗体中进行开发时,我需要在两个平台上使用相同的解决方案。在安卓上,我做到了:

// Java (or similar [laughs])
// Enable hardware acceleration using code (>= level 19)
if (Build.VERSION.SDK_INT >= 19) {
yourWebviewObj.setLayerType(View.LAYER_TYPE_HARDWARE, null);
} else {
yourWebviewObj.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}
yourSettingsObj.setRenderPriority(WebSettings.RenderPriority.HIGH);
yourSettingsObj.setCacheMode(WebSettings.LOAD_NO_CACHE);
// Xamarin for Android
// Enable hardware acceleration using code (>= level 19)
if (Build.VERSION.SdkInt >= 19)
{
yourWebviewObj.SetLayerType (LayerType.Hardware, null);
}
else
{
yourWebviewObj.SetLayerType (LayerType.Software, null);
}
yourWebviewObj.Settings.SetRenderPriority(WebSettings.RenderPriority.High);
yourWebviewObj.Settings.CacheMode = CacheModes.NoCache;

最后,在AndroidManifest 中.xml查找android:handwareAccelerated="false",您可以将值从false更改为true。这个技巧(另外(适用于Java宇宙和Xamarin。

最新更新