【33】Android WebView加载html5 3D全景

一、场景

    最近项目在加载html5 3D全景图时遇到个系统兼容的问题,是Android4.3及其以下版本浏览器内核对html5的特性支持不全,导致加载到WebView中之后全景图放大缩小时出现图形绘制错乱的问题,现象是缩小时,3d全景图是缩小了,但空出了大部分灰色,没有及时用图形补齐。

    更正说法:

    3D全景图的加载目前在Android系统SDK6.0以下的版本WebView对WebGL的支持不够全,大家可以了解下Cordova或Crollswalk去解决加载问题,重点是Crollswalk。

 

二、解决方法:

    既然是SDK不支持,就可以判断Android系统版本,如果低于4.3的版本,则在Android应用中不提供进入全景图的入口。对了还有需要注意Android清单文件中关于 targetSdkVersion的配置,一定要>=19以上的版本才支持3d全景,之前由于我们的应用配置的是8,(Android2.2的对应的SDK版本),WebView是不支持html5的显示的,因此会出现上述问题。

错误配置如下:

 

<uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

 

修正配置如下:

<uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值