javascript - 通过 iPad 倾斜横向移动图像

Question

我一直在尝试创建以下效果但没有成功，非常感谢您提供的任何帮助

效果是根据 iPad 的倾斜度从左向右移动图像。iPad处于横向视图中，图像应该从左到右移动（实际上是上下）。图像宽度是 iPad 阶段 (2048 像素) 的两倍，并且在到达窗口末尾时应该复制它自己。有人可以帮我开始吗？提前致谢

Answer 1

这应该足以让你开始：http: //jsfiddle.net/kennis/S9swv/

基本上，您关心的是 'deviceorientation' 事件。该事件对象为您提供了一些有用的数据——e.alpha、e.beta 和 e.gamma。

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

有趣的事实：这也适用于 MacBook Pro（至少在 Chrome 中）。