iPad滚动以旋转div元素

Question

我们想在Ipad上使用滚动来旋转div元素，希望获得一些关于从哪里开始实现这一点的指针，如果我们可以使用CSS3转换来旋转元素，那就太好了，但使用js或jQuery就足够了。

干杯C

Answer 1

本教程演示如何使用触摸事件实现div大小调整和旋转。

本教程中实现您想要的代码的最低程度是：

node.ongesturechange = function(e){
  var node = e.target;
  node.style.webkitTransform = "rotate(" + ((rotation + e.rotation) % 360) + "deg)";
}

Answer 2

简而言之：

• 将evt.pageX/evt.pageY值存储到touchstart
• 在触摸移动时计算差异
• 使用-webkit转换应用差异：旋转（[different]deg）translate3d（0px，0px，0px）；到div
• 在触摸屏上停止和重置值

translate3d（）的用法是激活hw加速，在这种情况下它没有其他用途。