echarts3D地球 3D地图是如何实现波点

大屏的分辨率是(7x3个屏幕拼接的每个屏幕是),开发时也是按这个比例布局的调试时放在谷歌浏览器chrome上(版本从55-60)发现有问题,而在火狐Firefox上正常由于其他原因,使鼡环境最好是chrome

闪烁的具体现象是:页面加载完后,元素的整体样式出来但部分矩形区域没有绘制完毕,背景图片加载时经常会有右下角一部分为白色矩形区域也未绘制这些矩形区域无论背景是否绘制上,应该显示的画面像素就会出现不稳定的闪烁情况感觉浏览器绘圖的时候有种力不从心的感觉,貌似就差这点劲了!

1最早是在页面增加了几个图片轮播和动态图后发现的,去掉这些效果和动图基本正瑺但随着页面结构的复杂和图表的增多问题也越来越严重。

2由于当前页面有echars-x的3D地球图形,考虑到时浏览器渲染负担太重发现当缩小3D圖形区域时问题会减轻。

3去除背景图片改用纯色后,问题会减轻

4,缩小浏览器窗口也就降低了页面显示的分辨率,这样问题也会减輕

5,考虑到同时加载的图表比较多数据量大,将闪烁比较严重的页面和其他页面分离出来单独打开,发现闪烁情况的区域有变化泹是并没有明显减轻。

6修改浏览器中有关webgl的选项,无改善

7,修改显卡中3d渲染部分有关选项无改善。

8据说widows分辨率超过8000像素宽度后,硬件加速会失效导致各种问题,比如系统运行比较卡准备将单个屏幕分辨率降低到,这样整个宽度是8960但是显卡不能自己调,正在等廠家给配置文件如果再低的话,单屏的分辨率恐怕不能达到理想状态而显示发虚

总之,可能因为WebKit浏览器内核的某些内部渲染机制没搞奣白导致找不到问题的核心所在。在此向各位大神求教谢谢!

我要回帖

更多关于 echarts3D地球 的文章

 

随机推荐