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


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

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

更多相关文章

  1. Android传感器、语音识别、定位系统、Google Map API、快捷方式
  2. android 7种网络连接方式《IT蓝豹》
  3. Android学习笔记（二） 布局方式的介绍
  4. Android 网络编程之网络通信几种方式实例分享
  5. Anbox：在 Linux 上运行 Android 应用程序的简单方式 | Linux 中国
  6. Android启动界面优化技巧-Splash Screens的正确方式
  7. Android的两种数据存储方式分析（二）
  8. 我的第一个Android软件——简单拨号器

随机推荐

  1. 浅谈JavaScript常见的循环方式
  2. 面试必备知识点：悲观锁和乐观锁的那些事儿
  3. 编写优雅Javascript代码的最佳实践
  4. JavaScript数组扁平化的黑科技
  5. 远程办公，也许并没有你想象的那么轻松
  6. 红帽认证RHCE顺利通过，学习笔记多图预警！
  7. 阿里P7岗位面试，面试官问我：为什么HashMap
  8. vue2的$refs在vue3组合式API中的替代方法
  9. 悟透前端：javascript数组之includes、redu
  10. 因为我的一个低级错误，生产数据库崩溃了将