javascript - 使用 iPad 倾斜横向 move 图像

标签 javascript ipad html move tilt

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

效果是根据 iPad 倾斜度从左向右 move 图像。 iPad 处于横向 View ,图像应从左向右 move (实际上是上下 move )。 图像宽度是 iPad 舞台的两倍 (2048px),并且在到达窗口末尾时应该复制它自己。 有人可以帮我开始吗? 提前致谢

最佳答案

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

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

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

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

关于javascript - 使用 iPad 倾斜横向 move 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9967523/

相关文章:

javascript - 部分单击单选按钮并包含所有参数提交父表单,并且不在 Rails 中刷新

iphone - 视频编辑,例如 Aviary 图像编辑或 Instagram 应用

ios - 点击 UIButton?

javascript - 实现无限滚动的后退按钮

javascript - 绕过 iOS Safari/任何移动浏览器上的弹出窗口拦截器

iphone - 如何在 iPad 或 iPhone 上获取/计算分组的 UITableView 的边距宽度

Javascript 函数仅适用于我的模态中的第一行

javascript - 如何更改 slider 中的图像 src?

HTML 输入按钮 css-height 在 Safari 和 Chrome 上不起作用

javascript - Sails.js 1.0 破坏了全新安装