HTML5 重力感应试玩～
作者:puterjam 日期:2011-07-21
html5 中针对高端手机提供了重力感应和重力加速的接口，开发可以利用这个接口获取到移动设备重力加速感应数据。
目前已经支持的浏览器只有chrome和firefox，以及IOS的webkit（貌似android上因为版本差异很大，部分低版本的系统不支持）。
通过iphone或者mac电脑访问下面的地址可以体验哈
http://www.pjhome.net/web/Orientation.html
使用也比较简单:
首先，绑定感应事件
JavaScript代码
- window.addEventListener('deviceorientation', this.orientationListener, false); //方向感应器
- window.addEventListener('MozOrientation', this.orientationListener, false); //方向感应器 for firefox
- window.addEventListener('devicemotion', this.orientationListener, false); //重力加速感应器 for iphone, android
使用上需要区分设备是否支持重力加速器，部分设备无重力加速，只能获取到方向
方向中分alpha，beta，gamma三个，其实对应我们常说的 y, z, x 三个方向, 方向可以通过 event 来直接获取到，获取到到的数据单位是 度数, 不过firefox稍微有点偏离规范，返回的是 弧度 单位。
[本日志由 puterjam 于 2011-07-21 09:13 PM 编辑]
上一篇: setTimeout(0) 即将退役
下一篇: URI 和 URL的一些研究笔记
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: html5 Javascript 
相关日志:
评论: 95 | 引用: 0 | 查看次数: -
www.tancn.org[2011-12-15 03:10 PM | 
| 
| 123.88.12.234 | 
| 
回复]不错 学习了
2222 
呵呵，看看
我比较喜欢html5，一起加油吧，一起努力吧！
确实很期待html5取代flash
关注,html5不错！
咱们基本不用！
学习............
发表评论