iPad倾斜时侧向移动图像

时间:2012-04-01 19:26:23

标签: javascript ipad html5 move tilt

我一直试图创造以下效果但没有成功,并且非常感谢给予的任何帮助

效果是根据iPad倾斜从左向右移动图像。 iPad以横向视图保持,图像应从左向右移动(实际上是向上和向下)。 图像宽度是iPad阶段(2048像素)的两倍,并且在到达窗口末端时应该复制它。 有人可以帮助我开始吗? 提前致谢

1 个答案:

答案 0 :(得分:2)

这应该足以让您入门:http://jsfiddle.net/kennis/S9swv/

基本上,你关心的是'deviceorientation'事件。该事件对象为您提供了一些有用的数据 - e.alpha,e.beta和egamma。

每个属性是沿给定轴的旋转度量,范围从负180到正180.

有趣的事实:这也适用于MacBook Pro(至少在Chrome中)。