实现装修前后效果上下分屏的方法

一辉 2020-2-2 krpano特效 0 喜欢 (1)

[简介]手机上实现装修效果前后分屏对比,当时是上下分屏比较直观,虽然krpano的webvr可以实现左右分屏,但竖屏就不行了,因此我们可以通过分屏iframe和HTML DOM addEventListener()方法监听同步两屏的视角状态,HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序,如果是电脑上观看可以加入onmousedown、onmousemove等事件,由于我们这次主要实现手机上的监听,因此可以使用针对移动端的touchstart、touchmove和touchend事件即可。


 

第一步:我们在页面上加入两个上下各半的iframe

 

第二步:加入js监听上下两个iframe的触发事件,通过Krpano对象执行同步(核心代码样例)

 

 

更多支持(非会员文章,需要请联系客服)

  
【咨询在线客服】



㊣ 以上文章内容来自用户投稿,本站只提供信息分享发布平台,其观点和说法不代表本站立场。如果上传的内容有异议,请及时通知我们处理。  

喜欢 1 发布评论
发表评论

您必须 [ 登录 ] 才能发表留言!

Top