Android 使用WebView加载含有echarts的页面，截图不显示的解决方式

最新推荐文章于 2025-06-02 12:23:05 发布

ge673551532

最新推荐文章于 2025-06-02 12:23:05 发布

阅读量8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android echarts

本文链接：https://blog.youkuaiyun.com/ge673551532/article/details/76103686

Android 同时被 2 个专栏收录

2 篇文章

订阅专栏

echarts

1 篇文章

订阅专栏

Android应用中，使用WebView加载包含Echarts图表的页面，在截图时可能无法显示图表。解决办法是在AndroidManifest.xml中设置WebView硬件加速为false，以确保软件渲染。这是因为WebView内容的绘制依赖于Android的硬件加速或软件渲染，而Chromium的渲染方式与Android AOSP代码紧密关联，无法仅依赖SDK/NDK编译。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其主要原因：是webview渲染方式所导致；只需要AndroidManifest.xml中设置属性Android:hardwareAccelerated=”false”。

由于WebView内部所使用的Chromium实现是采用硬件加速渲染还是软件渲染，这里还是比较复杂的。根据android的View结构，WebView的内容需要通过一个onDraw(Canvas c)来完成绘制。为了将Chromium渲染网页的结果绘制到该Canvas中，需要两组绘图函数组，第一组用来软件渲染，第二组用来硬件加速渲染。而这两组函数需要使用Android内部函数，这决定了目前WebView只能同Android AOSP代码一起编译，而不能像应用程序一样，只是依赖于Android SDK/NDK来编译。下图是当用户界面或者网页需要绘制的时候，绘图的基本过程：

这里Chromium的合成器具有两种能力，就是包含支持软件渲染的软件渲染器和硬件加速渲染的渲染器。当用户界面所对应的画布（canvas）是硬件加速的话，那么内部采用硬件渲染机制。如果不是硬件加速的话，那么采用软件渲染机制。当用户的界面设置为硬件加速的时候（开发者可以在应用程序的AndroidManifest.xml中设置属性android:hardwareAccelerated=”true”），那么用户界面对应的画布即为硬件加速，否则即为软件渲染方式。所以，具体Chromium WebView采用什么样的方式，取决于调用WebView的应用程序的设置方式（默认是硬件加速）。