移动端陀螺仪功能检测方法

陀螺仪可以判断手机当前的处在的方向和角度。
下列本人通过一段简单的代码将陀螺仪检测到的角度，前后倾斜，左右倾斜等常用功能参数进行体现。

html：

[html] view plain copyprint?

<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>陀螺仪</title>
<meta name=“format-detection” content=“telephone=no”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”>
<link rel=“stylesheet” href=“css/reset.css”>
</head>
<body>
<div class=“index”>
<p class=“alpha”></p>
<br/>
<p class=“beta”></p>
<br/>
<p class=“gamma”></p>
</div>
<script src=“js/zepto.js”></script>
<script>
window.addEventListener(‘deviceorientation’, function(e){
var alpha = ‘alpha: ’ + Math.floor(e.alpha),
beta = ‘beta: ’ + Math.floor(e.beta),
gamma = ‘gamma: ’ + Math.floor(e.gamma);
('.alpha').html('角度' + alpha)  </span></li><li class="alt"><span>            ('.alpha').html('角度' + alpha)
(‘.beta’).html(‘前后倾斜’ + beta)
$(‘.gamma’).html(‘左右倾斜’ + gamma)
}, true);
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>陀螺仪</title><meta name="format-detection" content="telephone=no"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><link rel="stylesheet" href="css/reset.css">
</head>
<body><div class="index"><p class="alpha"></p><br/><p class="beta"></p><br/><p class="gamma"></p></div><script src="js/zepto.js"></script><script>window.addEventListener('deviceorientation', function(e){var alpha = 'alpha: ' + Math.floor(e.alpha),beta = 'beta: ' + Math.floor(e.beta),gamma = 'gamma: ' + Math.floor(e.gamma);$('.alpha').html('角度' + alpha)$('.beta').html('前后倾斜' + beta)$('.gamma').html('左右倾斜' + gamma)}, true);</script>
</body>
</html>

通过上述代码
效果如下：

移动端陀螺仪功能检测方法相关推荐

加速度和陀螺仪日常活动识别跌倒检测_七台河房屋综合检测方法
,偶联剂的选择应考虑粘度,流动性,附着力,工件表面无腐蚀,易清洁,经济,结合上述因素选择糊剂作偶联剂..由于基底金属的厚度薄,因此检测方向在一侧和两侧进行.环境监测(空气质量检测): .构件及节点腐蚀 ...
基于实例分割方法的端到端车道线检测论文+代码解读
Towards End-to-End Lane Detection: an Instance Segmentation Approach 论文原文 https://arxiv.org/pdf/1802 ...
FOTS：端到端的文本检测与识别方法的原理应用与优势
导言: 基于深度学习的可端到端训练的自然场景检测与识别算法(text spotting)由于其简洁高效且统一的结构,逐渐取代了过去将检测与识别分阶段训练然后拼接在一起的方案,成为自然场景文本检测与识别 ...
基于CNN目标检测方法（RCNN，Fast-RCNN，Faster-RCNN，Mask-RCNN，YOLO，SSD）行人检测，目标追踪，卷积神经网络
一.研究意义卷积神经网络(CNN)由于其强大的特征提取能力,近年来被广泛用于计算机视觉领域.1998年Yann LeCun等提出的LeNet-5网络结构,该结构使得卷积神经网络可以端到端的训练,并应 ...
综述 | SLAM回环检测方法
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达作者丨任旭倩来源丨计算机视觉life 在视觉SLAM问题中,位姿的估计往往是一个递推的过程,即由上一 ...
一文梳理缺陷检测方法
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达近年来,随着深度学习的快速发展,基于卷积神经网络(CNN)的计算机视觉技术在工业领域得到了广泛的应用. ...
光纤收发器常见的一些问题和检测方法
光纤收发器,是一种将短距离的双绞线电信号和长距离的光信号进行互换的以太网传输媒体转换单元,在很多地方也被称之为光电转换器(Fiber Converter).光纤收发器的基础知识我们已经看到过很多,今天 ...
深度学习目标检测方法
转自:http://blog.csdn.net/yimingsilence/article/details/53995721 这里搜集了一些关于物体检测的方法分析和介绍,看好哪个可以去详细研究一下,基 ...
基于深度学习的表面缺陷检测方法综述-论文阅读笔记
//2022.3.2日阅读笔记原文链接:基于深度学习的表面缺陷检测方法综述 (aas.net.cn) 个人对本篇综述内容的大致概括论文首先介绍了表面缺陷检测中不同场景下的成像方案,主要根据表面颜色 ...

移动端陀螺仪功能检测方法

移动端陀螺仪功能检测方法

陀螺仪可以判断手机当前的处在的方向和角度。
下列本人通过一段简单的代码将陀螺仪检测到的角度，前后倾斜，左右倾斜等常用功能参数进行体现。

html：

通过上述代码
效果如下：

移动端陀螺仪功能检测方法相关推荐

最新文章

热门文章

移动端陀螺仪功能检测方法

移动端陀螺仪功能检测方法

陀螺仪可以判断手机当前的处在的方向和角度。 下列本人通过一段简单的代码将陀螺仪检测到的角度，前后倾斜，左右倾斜等常用功能参数进行体现。

html：

通过上述代码 效果如下：

移动端陀螺仪功能检测方法相关推荐

最新文章

热门文章

陀螺仪可以判断手机当前的处在的方向和角度。
下列本人通过一段简单的代码将陀螺仪检测到的角度，前后倾斜，左右倾斜等常用功能参数进行体现。

通过上述代码
效果如下：