HTML5-canvas:hybrid框架下黑屏解决方案
2016-12-10 20:30
387 查看
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
相关文章推荐
- HTML5-简单触摸事件
- HTML5触摸事件(touchstart、touchmove和touchend) (转)
- 笑笑的 H5 风车一枚
- h5学习之7(html中的高级选择器的种类和用法,a标签和img标签)
- HTML5--新增结构标签
- Html的语义化(h5改进)
- h5学习之6(html中常用的块级标签)
- H5canvas加载图片·绘制像素图·旋转平移缩放图片等等学习实践
- h5学习之5(html中常见标签的分类和标签之间的转换)
- 自学html5开发要学哪些?
- .实现H5页面的一些点击操作
- elasticsearch5.0安装
- HTML5 WebSocket构建实时应用
- HTML5存储
- html5 video使用autoplay属性时,声音混乱
- h5页面使用sessionStorage滚动到上次浏览器位置《原创》
- h5和h4区别图片
- HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
- HTML5.1 里的新东西
- html5