HTML5设备API 大批美女等你来摇一摇

重力感应是移动端独有的特性，html5提供的设备API让web app也有了这个功能！

下面我们来看看，点击“阅读原文”可查看demo

重力感应主要用到两种事件：

1 orientationchange

这个事件在屏幕发生翻转时触发window.orientation可获得设备的方向，一共有三个值0：竖直, 90：右旋, -90：左旋

2 deviceorientation 和 MozOrientation(firefox专用)

deviceorientation事件可获得三个值alpha,beta,gamma，分别代表绕Z轴的旋转角度(0~360)，绕X轴的旋转角度(-180~180)，绕Y轴的旋转角度(-90~90)

MozOrientation事件中可获得三个值z,x,y，分别代表垂直加速度，左右的倾斜角度，前后的倾斜角度(取值范围：-1~1)

点击“阅读原文”可查看demo

HTML5设备API 大批美女等你来摇一摇相关推荐

html录音并转为音频文件,HTML5音频API Web Audio
此文介绍HTML5音频API的主要框架和工作流程,因为音频处理模块很多,因此只简单介绍几种音频处理模块,并通过例子来展示效果.后续会介绍利用HTML5音频API实现的项目,欢迎大家关注,敬请期待. H ...
html5通过api调数据库,使用HTML5数据库API [关闭](Using HTML5 Database API [closed])
使用HTML5数据库API [关闭](Using HTML5 Database API [closed]) 我正在开发一个使用phonegap/cordova 2.2的web应用程序,并希望将数据存储 ...
细说html5高级api,细说HTML5高级API
Cordova诞生的目的,是为了快速构建跨平台的移动APP,在市场开发需求增加和要求开发效率提高的情况下,我们不得不选择基于HTML5的开发技术,而Cordova是基于HTML5的,支持所有市面上的移 ...
HTML5 新增 API
HTML5 新增 API 1. 选择器 API 2. 历史对象 API 3. 新增 Web 存储 API 3.1 Web 存储 API 类型 3.2 本地存储 localStorage 3.2.1 l ...
html5在线api,HTML5 历史记录API
HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...
html5微信摇一摇api,摇一摇关注JSAPI
出自微信公众平台开发者文档跳转到: 导航, 搜索摇一摇关注JS API 摇一摇关注JS API目的是为已开通微信摇一摇周边,且有一定开发能力的商户提供摇一摇关注能力.商户可以在摇出来的页面直接调用 ...
HTML5 Drop API
转自:http://www.cnblogs.com/fsjohnhuang/p/3961066.html 一.前言在HTML4的时代,各前端工程师为了实现拖拽功能可说是煞费苦心,初听HTML5 ...
HTML5 file api读取文件的MD5码工具
1.工具的用途:用HTML5 file api读取文件的MD5码.MD5码在文件的唯一性识别上有很重要的应用,业内常用MD5进行文件识别.文件秒传.文件安全性检查等: 2.适用性:IE.Chrome皆 ...
java canvas 缩放图片_详解如何用HTML5 Canvas API控制图片的缩放变换
摘要:这篇HTML5栏目下的"详解如何用HTML5 Canvas API控制图片的缩放变换",介绍的技术点是"html5_canvas.canvas.Html5.控制图片 ...

HTML5设备API 大批美女等你来摇一摇

HTML5设备API 大批美女等你来摇一摇相关推荐

最新文章

热门文章