krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-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);

  

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

时间: 2024-10-09 00:41:14

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

vitamio videoView 用隐藏除videoview的控件,并旋转屏幕方向实现的全屏功能,出现的画面不能填充满videoview(画面不完整)

使用vitamio 封装的播放器 当切换到全屏模式,有时候会出现播放的画面不是全屏的情况, 全屏时,画面只占左半部分并出现拉伸效果,还显示不全,等等其他情况 阅读分析源代码发现是getHolder().setFixedSize(mSurfaceWidth, mSurfaceHeight); 的2个参数没有改变导致该方法调用没起作用 解决办法在setVideoLayout 里面重新调用getHolder().setFixedSize(this.getWidth(), this.getHeight(

网页程序开机启动并自动全屏

网页触摸屏程序的开机自动全屏方法: 开机启动,直接建立一个网页的快捷方式,丢到开机启动文件夹中即可. 主要是如何自动全屏,在网上发现一个十分实用且简单的方法: 以chrome浏览器为例,我们在建立快捷方式时,路劲填写如下即可: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk C:\Users\你的计算机用户名\Desktop\你的网页名.html 前面为你浏览器的路劲,中间为全屏参数,后面为你的

虚拟桌面启动后自动全屏

如果客户端有多个显示器,打开虚拟桌面后,如果需要进入到全屏模式(覆盖所有的客户端显示器),目前还是需要一定技巧的,需要把桌面拖放到两个屏幕的中间,然后全屏才可以实现.否则,简单的全屏只会覆盖当前所在的屏幕.这对普通用户来说,使用有一定的要求,所以,我们可以通过简单的调整,让虚拟桌面在启动后,自动进入到全屏状态,免去了手动全屏的操作. 我们可以通过以下几种方式来实现: 修改ICA文件:针对所有用户生效修改客户端注册表全局设置:对使用客户端用户的所有桌面生效修改特定桌面组的注册表设置:只对特定桌面组

Android图片旋转,缩放,位移,倾斜,对称完整演示样例(一)——imageView.setImageMatrix(matrix)和Matrix

MainActivity例如以下: import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.ImageView; import android.app.Activity; import android.graphics.Matrix; /** * Demo描

CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)(转载)

在CSS3中,可以利用transform功能来实现文字或图像的旋转.缩放.倾斜.移动这四种类型的变形处理,本文将对此做详细介绍. 一.旋转 rotate 用法:transform: rotate(45deg); 共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度. 二.缩放 scale 用法:transform: scale(0.5)  或者  transform: scale(0.5, 2); 参数表示缩放倍数: 一个参数时:表示水平和

WPF/Silverlight中图形的平移,缩放,旋转,倾斜变换演示

原文:WPF/Silverlight中图形的平移,缩放,旋转,倾斜变换演示 为方便描述, 这里仅以正方形来做演示, 其他图形从略. 运行时效果图: XAML代码:// Transform.XAML <Canvas Width="700" Height="700" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:x="http://sc

Android图片旋转,缩放,位移,倾斜,对称完整示例(二)——Bitmap.createBitmap()和Matrix

MainActivity如下: package cc.c; import android.app.Activity; import android.graphics.Bitmap; import android.graphics.Matrix; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.widget.ImageView; /** * Demo描述: * 利用B

Android图片旋转,缩放,位移,倾斜,对称完整示例(一)——imageView.setImageMatrix(matrix)和Matrix

MainActivity如下: import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.ImageView; import android.app.Activity; import android.graphics.Matrix; /** * Demo描述:

CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)

CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate) 在CSS3中,可以利用transform功能来实现文字或图像的旋转.缩放.倾斜.移动这四种类型的变形处理,本文将对此做详细介绍. 一.旋转 rotate 用法:transform: rotate(45deg); 共一个参数"角度",单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度. 二.缩放 scale 用法:transform