HTML5-canvas:hybrid框架下黑屏解决方案
来源:互联网 发布:印度进出口数据 编辑:程序博客网 时间:2024/04/30 04:23
HTML5-canvas:hybrid框架下黑屏解决方案
场景比较特殊:hybrid app+安卓手机内嵌套的H5+复杂图形绘制=偶先canvas画布元素黑屏:
可以看到,正常dom元素还是能够渲染并呈现,但是页面内主要的两块canvas元素则完全黑屏(此时为canvas设置的任何事件仍然有效)。某些安卓手机的WebView画布元素会呈现出黑屏,不论计算量大小,是否有动画,是否有触控事件,甚至可以认为所有安卓手机都有可能出现黑屏,解决方案不在H5前端,而在客户端。安卓某些版本的webview不支持canvas硬件加速,所以在很多情况下看到动画偶现黑屏。native增加了配置:
webView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);
禁止canvas硬件加速,从而避免了类似黑屏、闪烁、动画停滞、跳帧和擦除不全一类的问题。取消硬件加速后,动画会更加平顺,但是整体速度会变慢,这个速度的快慢程度取决于手机的计算能力。所以在安卓手机上要想达到统一的动画效果是不可能的。所有安卓手机类似于动画黑屏闪烁的问题都是这个原因。想了解更多内容可以搜一搜安卓webView的这条设置语句。
下面是一篇详细介绍在前端黑屏优化方法的文章链接:
http://blog.csdn.net/yuhk231/article/details/54376137
1 0
- HTML5-canvas:hybrid框架下黑屏解决方案
- HTML5-canvas绘图黑屏白屏解决方案(详解双缓冲绘图机制)
- Windows7 下侧边黑屏解决方案。
- 一个html5 canvas 绘图框架
- App 开发:Hybrid 架构下的 HTML5 应用加速方案
- 一个JS动画框架-基于HTML5::Canvas
- 平台开发 Html5 Hybrid
- html5 canvas
- html5-canvas
- HTML5 canvas
- html5 canvas
- HTML5 Canvas
- HTML5 Canvas
- html5 canvas
- HTML5 Canvas
- HTML5--Canvas
- HTML5 Canvas
- HTML5 canvas
- ANSI C (6) —— 指针、断言、信号、跳转
- 带你认识指针——C语言的灵魂(一)
- 杭电2018之母牛的故事
- Android的简易弹幕
- 测试
- HTML5-canvas:hybrid框架下黑屏解决方案
- @IDEA IntelliJ IDEA 15 创建普通 Java Web 项目
- SSM框架 之 Spring-AOP(面向切面编程)
- c/c++编程题 之 求sin(x)近似值
- CentOS6.8启动报错:Could not update ICEauthority file /var/lib/gdm/.ICEauthority
- xml解析,dom/sax
- Spring揭秘(八)——基于注解的依赖注入2
- Sqlite数据库管理(SQLite Developer) v4.0.0.528 中文版+破解方法(申明:来源于网络)
- POJ-2699-网络流,枚举