krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用
2017-10-30 16:59
495 查看
在此仅提取方法,需要时可以直接调用相关方法
/*定义控件*/
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);
/*定义控件*/
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,全屏方法
- FLASH调用网页上的JS方法,以及FLASH全屏播放的方法
- krpano调用js方法并传参、在krpano中用JS实现视频音频播放
- krpano调用js的含有参数的方法
- Qt自动填写表单并点击按钮,包括调用js方法
- js实现固定显示区域内自动缩放图片的方法
- 手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
- [iOS Hybrid实践:UIWebView中Html中用JS调用OC方法,OC执行JS代码]
- google浏览器 加js方法 getSystemTime ctrl+f5刷新多次,自动调用。。
- js根据鼠标移动速度背景图片自动旋转的方法
- UIView设置为自动适配屏幕时,当用户旋转设备的时候,会调用layoutSubviews方法,我们只需重写 这个方法,然后判断用户屏幕的方向。在调整每个空间的位置即可。
- js根据鼠标移动速度背景图片自动旋转的方法
- js实现固定显示区域内自动缩放图片的方法
- 文档加载完成自动调用Js中的方法
- krpano360全景教程 - autorotate自动旋转标签中文说明
- JS会自动调用toString()方法来显示日期(即“Date对象的内容”)
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- [置顶] Android调用js方法传递参数自动计算问题的解决
- FLASH调用网页上的JS方法,以及FLASH全屏播放的方法
- UIWebView中Html中用JS调用OC方法及OC执行JS代码