html5判断设备的动作

相应的事件

deviceorientation事件提供设备的物理方向信息，表示为一系列本地坐标系的旋角。

devicemotion事件提供设备的加速信息，表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐标系中的自转速率。若可行的话，事件应该提供设备重心处的加速信息。

compassneedscalibration事件用于通知Web站点使用罗盘信息校准上述事件。

这几个事件在比较老的ios和安卓系统上都支持。

在学习之前需要先对相应的坐标有一个槪念

x、y、z轴示意图

deviceorientation事件的event对象有如下属性：

alpha:手机左右晃动（即围绕z轴旋转），y轴的度数差：0到360度

beta:手机前后晃动（即靠近自己或远离自己，围绕x轴旋转），z轴的度数差：-180到180度

game：手机扭转（即围绕y轴旋转），z轴的度数差：-90到90度

deviceorientation事件的event对象有如下属性：

acceleration 设备在X,Y,Z轴方向上加速度的对象。加速度的单位为 m/s2。

accelerationIncludingGravity 设备在X,Y,Z轴方向上带重力的加速度的对象。加速度的单位为 m/s2

rotationRate 设备在 alpha，beta， gamma轴方向上旋转的速率的对象。旋转速率的单位为 ?°/s 。

interval 设备获取数据的频率，单位是毫秒。

将设备放置在水平表面，屏幕向上，acceleration为零，则其accelerationIncludingGravity信息如下：

{x: 0,y: 0,z: 9.81};

设备做自由落体，屏幕水平向上，accelerationIncludingGravity为零，则其acceleration信息如下：

{x: 0, y: 0,z: -9.81};

将设备安置于车辆至上，屏幕处于一个垂直平面，顶端向上，面向车辆后部。车辆行驶速度为v，向右侧进行半径为r的转弯。设备记录acceleration和accelerationIncludingGravity在位置x处的情况，同时设备还会记录rotationRate.gamma的负值：

  {acceleration: {x: v^2/r, y: 0, z: 0},accelerationIncludingGravity: {x: v^2/r, y: 0, z: 9.81},rotationRate: {alpha: 0, beta: 0, gamma: -v/r*180/pi} };

转载于:https://www.cnblogs.com/94pm/p/9142251.html

html5判断设备的动作相关推荐

html监控用户在线与离线,HTML5判断设备在线离线及监听网络状态变化例子
经测试android ipad默认的浏览器支持,用appcan封装的网页也支持 html> 网络在线与离线 $$=function(id){return document.getElementB ...
html5判断用户摇晃了手机（转）
先来看下html5的这几个特性: 1.deviceOrientation:方向传感器数据的事件,通过监听该事件可以获取手机静态状态下的方向数据: 2.deviceMotion: 运动传感器数据事件,通 ...
判断设备是否是iphone5 及对iphone5 屏幕的适应
1.使用宏定义方法判断 #define iPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEq ...
平板电脑可以开发php吗,PHP代码判断设备是手机还是平板电脑(两种方法)
现在移动互联网越来越发达,很多的网站都普及了手机端浏览,为了更好的让网页在手机端显示,我们都选择了使用CSS媒体查询制作响应式模版,但这也有弊端,例如某些网站的结构是CMS类型的,太多的内容要显示,而 ...
Android之判断设备网络连接状态，并判断连接方式
在Android开发过程中,对于一个需要连接网络的Android设备,对设备的网络状态检测是很有必要的!有很多的App都需要连接网络.判断设备是否已经连接网络,并且在连接网络的状态下判断是wifi无线 ...
判断设备信息是否为移动端，移动端跳转到移动端网页(手机网站)
需求:PC端跳转的打开新窗口,移动端跳转新页面判断设备是否是移动端 export function isMobile () {const userAgentInfo = navigator.user ...
ios系统判断设备上是否有安装某app
iOS 9 以上的系统判断设备上是否有安装某app的两个方法:(主要是通过canOpenURL来打判断app是否存在) 方法一: 1.首先要知道你要判断的这款app的UrlSchemes 是什么? 如 ...
iOS逆向小技能：解锁无密码的设备、判断设备是否锁定、锁定设备、打开某个程序
文章目录前言 I lua 函数 1.1 runApp(bid) 1.2 closeApp(bid) 1.3 lua_exit() 1.4 getScreenSize() 得到屏幕的宽和高 1.5 g ...
IOS 判断设备屏幕尺寸、分辨率根据屏幕尺寸和分辨率
IOS 判断设备屏幕尺寸.分辨率根据屏幕尺寸和分辨率,ios现在数起来有6个版本. iOS 设备现有的分辨率如下: iPhone/iPod Touch 普通屏 ...

html5判断设备的动作

html5判断设备的动作相关推荐

最新文章

热门文章