HTML5-canvas:hybrid框架下黑屏解决方案

标签: 前端 canvas黑屏 hybrid内H5黑屏 javascript android
2021人阅读 评论(0) 收藏 举报
分类:

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-canvas绘图黑屏白屏解决方案(详解双缓冲绘图机制)

HTML5-canvas绘图黑屏白屏解决方案(详解双缓冲绘图机制) 使用canvas绘图的前端工程师可能都会遇到过canvas绘图黑屏、白屏的问题。以前写过一篇文章描述过hybrid下canvas黑...
  • yuhk231
  • yuhk231
  • 2017-01-12 11:11:26
  • 3554

关于安卓webview加载网页黑屏、部分黑屏或blank的解决方法

很多朋友在利用安卓的webview加载网页的时候 可能会出现heip
  • u010220965
  • u010220965
  • 2014-08-18 13:51:13
  • 7322

html2canvas网页截图处理不可见区域

关于手机端开发中,使用html2canvas截图操作,想要截取不可见区域的解决办法,文章的方法可供参考。...
  • jackqth
  • jackqth
  • 2016-12-12 21:36:29
  • 5176

WebView播放HTML5视频,黑屏的问题。

先来说下现象吧。 两部测试手机    1号 Note2  N
  • u013651247
  • u013651247
  • 2014-06-16 15:52:29
  • 7578

html5 canvas图像在谷歌浏览器下不显示问题

使用drawImage方法在canvas下绘图,在谷歌浏览器下需要加onload事件 MAD var c = document.getElementById("myCanv...
  • zhuwanwanshay
  • zhuwanwanshay
  • 2016-07-20 09:45:18
  • 4598

平台开发 Html5 Hybrid

http://www.cnblogs.com/lwme/p/ios-call-objc-camera-from-javascript-in-uiwebview.html 转载出处 UIWebVi...
  • Akries
  • Akries
  • 2015-05-12 10:58:35
  • 480

H5+ 二维码扫描功能

二维码在生活中的使用越来越广泛,APP开发中,也越来越多的需求需要用到二维码的扫描功能,以下就针对h5+的二维码扫描功能做一些简单的介绍; 1. var bc = new plus.barco...
  • kk_yanwu
  • kk_yanwu
  • 2017-06-19 12:56:33
  • 5339

html5 <video>播放mp4格式视频没有图像的解决办法

本文主要介绍在html中引用video标签,没有图像的解决办法。
  • psp0001060
  • psp0001060
  • 2016-09-22 10:18:57
  • 9237

HTML5 video标签播放本地视频只有声音没有图像 解决办法

HTML5 video标签播放本地视频只有声音没有图像 解决办法
  • ltaihyy
  • ltaihyy
  • 2016-04-27 16:48:05
  • 10627

h5调用手机照相机

  • qq_21262357
  • qq_21262357
  • 2017-04-18 10:15:25
  • 3383
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 7万+
    积分: 1078
    排名: 4万+
    博客专栏