html加速度陀螺仪坐标,如何从Javascript访问加速度计/陀螺仪数据？

当客户端设备移动时，当前可能会或可能不会触发三个不同的事件 . 其中两个专注于定位，最后一个专注于动作：

ondeviceorientation 已知可用于桌面版Chrome，大多数Apple笔记本电脑似乎都具备此功能所需的硬件 . 它也适用于iOS 4的iPhone 4上的Mobile Safari . 在事件处理函数中，您可以访问作为函数唯一参数提供的事件数据上的 alpha ， beta ， gamma 值 .

Firefox 3.6及更高版本支持

onmozorientation . 同样，这在大多数Apple笔记本电脑上都可以使用，但也可以在带有加速度计的Windows或Linux机器上运行 . 在事件处理程序函数中，查找作为第一个参数提供的事件数据上的 x ， y ， z 字段 .

已知

ondevicemotion 适用于iPhone 3GS 4和iPad(均采用iOS 4.2)，并提供与客户端设备当前加速相关的数据 . 传递给处理函数的事件数据有 acceleration 和 accelerationIncludingGravity ，每个轴都有三个字段： x ， y ， z

"earthquake detecting"示例网站使用一系列 if 语句来确定要附加到哪个事件(以某种优先顺序排列)并将接收到的数据传递给公共 tilt 函数：

if (window.DeviceOrientationEvent) {

window.addEventListener("deviceorientation", function () {

tilt([event.beta, event.gamma]);

}, true);

} else if (window.DeviceMotionEvent) {

window.addEventListener('devicemotion', function () {

tilt([event.acceleration.x * 2, event.acceleration.y * 2]);

}, true);

} else {

window.addEventListener("MozOrientation", function () {

tilt([orientation.x * 50, orientation.y * 50]);

}, true);

}

常数因子2和50用于来自后两个事件的读数与来自第一个事件的读数，但这些并不是精确的表示 . 对于这个简单的"toy"项目它运行得很好，但是如果你需要将数据用于稍微更严重的事情，那么你必须熟悉不同事件中提供的值的单位并尊重它们:)

html加速度陀螺仪坐标,如何从Javascript访问加速度计/陀螺仪数据？相关推荐

火星坐标、百度坐标、WGS-84坐标相互转换及墨卡托投影坐标转经纬度JavaScript版...
转自:https://www.cnblogs.com/fwc1994/p/5884115.html 火星坐标.百度坐标.WGS-84坐标相互转换及墨卡托投影坐标转经纬度JavaScript版火星坐标 ...
linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素，访问方法：getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
C#与Javascript变量、函数之间的相互调用2008年11月28日星期五 05:28 P.M.1.如何在JavaScript访问C#函数?
C#与Javascript变量.函数之间的相互调用 2008年11月28日星期五 05:28 P.M. 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3 ...
JavaScript 访问对象属性和方法及区别
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...
Javascript访问Cookie的四个常用方法
Javascript访问Cookie的四个基本方法无论是在创建页面还是构建对象都会使用到,单独拿出来备用: // utility function called by getCookie() func ...
Qt利用JavaScript访问网页元素(百度博客下载例子)
Qt利用JavaScript访问网页元素(百度博客下载例子) 本站所有文章由本站和原作者保留一切权力,仅在保留本版权信息.原文链接.原文作者的情况下允许转载,转载请勿删改原文内容, 并不得用于商业 ...
php后台数据显示到前端,php,前端_怎么在javascript中得到后台数据?，php,前端,javascript,highcharts - phpStudy...
怎么在javascript中得到后台数据? 最近在研究在网页中嵌入hightchart的表格在嵌入时发现需要在javascript中得到后台的一组数据代码如下 require_once('incl ...
java scri p t_深入浅析JavaScript中数据共享和数据传递_javascri
数据共享和数据传递是相辅相成的,我们一起来讨论这个问题.首先要说的是共享和传递都是有作用域的.作用域就是起作用的区域,在同一个作用域数据可以共享,超过这个作用域就是跨作用域,就得用到数据传递了. 作用 ...
ICM-42605 6轴MEMS加速度计陀螺仪运动传感器数据的读取
ICM42605传感器简介 ICM426056轴MEMS运动传感器是集成了3轴陀螺仪和3轴加速度计的运动跟踪器件.陀螺仪支持8个可编程满量程范围设置(从±15.625dps到±2000dps).加速度 ...

html加速度陀螺仪坐标,如何从Javascript访问加速度计/陀螺仪数据？

html加速度陀螺仪坐标,如何从Javascript访问加速度计/陀螺仪数据？相关推荐

最新文章

热门文章