iPad滚动以旋转div元素

Question

我们想要使用Ipad上的滚动来旋转Div元素，如果我们可以使用CSS3变换来旋转元素，我们将很乐意获取从何处开始实现的一些指示器，但使用js或jQuery就足够了。

干杯ç

Answer 1

This tutorial演示如何实现DIV调整大小和使用触摸事件旋转。

的代码本教程中的最小和平来实现你想要的是：

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

Answer 2

简单：

• 店evt.pageX/evt.pageY值ontouchstart
• 计算差异，而ontouchmove
• 与-webkit-transform应用区别：rotate（[difference] deg）translate3d（0px，0px，0px）;到div
• 停车和复位值ontouchend translate3d的

使用（）是激活硬件加速，它在这种情况下，没有其他目的。