krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法
2017-08-01 17:58
489 查看
在此仅提取方法,需要时可以直接调用相关方法。
/*定义控件*/ var krpano = document.getElementById("krpanoSWFObject"); /*获取变量*/ var fov = Number(krpano.get("view.fov")); var hlookat = Number(krpano.get("view.hlookat")); var vlookat = Number(krpano.get("view.vlookat")); /*放大*/ fov -= 10.0; krpano.set("view.fov", fov); /*缩小*/ fov += 10.0; krpano.set("view.fov", fov); /*左旋转*/ hlookat += 10.0; krpano.set("view.hlookat", hlookat); /*右旋转*/ hlookat -= 10.0; krpano.set("view.hlookat", hlookat); /*上倾斜*/ vlookat -= 10.0; krpano.set("view.vlookat", vlookat); /*下倾斜*/ vlookat += 10.0; krpano.set("view.vlookat", vlookat); /*自动旋转*/ krpano.set("autorotate.enabled", true); /*VR模式*/ krpano.call("WebVR.enterVR();"); /*全屏*/ krpano.set("fullscreen", true); /*停止旋转*/ krpano.set("autorotate.enabled", false); 以上的方法如放大缩小是不带动画的,有卡顿的感觉。下面的方法利用setTimeout方法实现平滑过渡。 /*放大*/ krpano.set("fov_moveforce",-1); setTimeout("krpano.set('fov_moveforce',0)",200); /*缩小*/ krpano.set("fov_moveforce",1); setTimeout("krpano.set('fov_moveforce',0)",200); /*左旋转*/ krpano.set("hlookat_moveforce",-1); setTimeout("krpano.set('hlookat_moveforce',0)",200); /*右旋转*/ krpano.set("hlookat_moveforce",1); setTimeout("krpano.set('hlookat_moveforce',0)",200); /*上倾斜*/ krpano.set("vlookat_moveforce",-1); setTimeout("krpano.set('vlookat_moveforce',0)",200); /*下倾斜*/ krpano.set("vlookat_moveforce",1); setTimeout("krpano.set('vlookat_moveforce',0)",200);
相关文章推荐
- krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用
- krpano360全景教程 - autorotate自动旋转标签中文说明
- Matrix控制平移、旋转和缩放的方法
- js根据鼠标移动速度背景图片自动旋转的方法
- iOS拍照后图片自动旋转90度的完美解决方法
- 浅谈CSS3新特性——transform: rotate(旋转) | scale(缩放) | translate(移动) | skew(倾斜)
- 【CSS3动画】transform对文字及图片的旋转、缩放、倾斜和移动
- 简单的学习Matrix的缩放,平移,旋转,倾斜
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- 屏幕旋转--自动及手动控制(视频播放中setRequestedOrientation之后手机屏幕的旋转不触发onConfigurationChanged方法)
- Matrix控制平移、旋转和缩放的方法
- Unity3d物体模型(实现旋转缩放平移自动旋转)
- krpano 教程 - autorotate自动旋转标签中文说明
- 网页随鼠标滚动自动加载 之 网页缩放后失效问题解决方法
- QT实现窗体自动缩放的快速实现方法
- QT中给各控件增加背景图片(可缩放可旋转)的几种方法
- Qt可显示基本的图像类型,利用QImage、QPxmap类可以实现图像的显示,并且利用类中的方法可以实现图像的基本操作(缩放、旋转)。
- 经验及技巧:用MediaElement 控件实现全屏并自动旋转至横屏!
- android实现图片缩放 旋转的几种方法
- WebForm——浏览器兼容、旋转、缩放、倾斜、移动