分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用

发布时间:2023-09-06 02:34责任编辑:彭小芳关键词:js
/*定义控件*/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调用

原文地址:https://www.cnblogs.com/lijiapeng/p/10511212.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved