HTML5 重力感应试玩~

Blog picture template artx 530x185 px 2

html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。

目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部分低版本的系统不支持)。

通过iphone或者mac电脑访问下面的地址可以体验哈

http://www.pjhome.net/web/Orientation.html

 

使用也比较简单:

首先,绑定感应事件

 

JavaScript代码
  1. window.addEventListener('deviceorientation'this.orientationListener, false); //方向感应器  
  2. window.addEventListener('MozOrientation'this.orientationListener, false); //方向感应器 for firefox      
  3. window.addEventListener('devicemotion'this.orientationListener, false); //重力加速感应器 for iphone, android  

 


使用上需要区分设备是否支持重力加速器,部分设备无重力加速,只能获取到方向

方向中分alphabetagamma三个,其实对应我们常说的 y, z, x 三个方向, 方向可以通过 event 来直接获取到,获取到到的数据单位是 度数, 不过firefox稍微有点偏离规范,返回的是 弧度 单位。

Start



[本日志由 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 | del | 回复回复]
不错 学习了
2222[2011-12-09 10:12 AM | | | 114.233.62.181 | del | 回复回复]
2222
aaa123[2011-12-04 06:00 PM | | | 113.106.102.23 | del | 回复回复]
呵呵,看看
seoread[2011-12-01 04:42 PM | | | 14.104.16.31 | del | 回复回复]
我比较喜欢html5,一起加油吧,一起努力吧!
追女网[2011-11-18 09:38 AM | | | 203.86.3.43 | del | 回复回复]
确实很期待html5取代flash
Unvs[2011-11-07 09:29 AM | | | 116.205.178.47 | del | 回复回复]
关注,html5不错!
www.yinfengming.org[2011-11-05 12:01 AM | | | 110.253.10.189 | del | 回复回复]
咱们基本不用!
华隆电子[2011-11-03 09:57 AM | | | 123.133.136.77 | del | 回复回复]
学习............
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭