使用jQuery在滑动/拖动时旋转元素

Question

我希望有一个圆圈随着用户在屏幕上滑动/抓取而旋转。我正在使用Phonegap制作应用程序，并且已经考虑过使用hammer.js，因为很多人都推荐它。

我已经看到大量关于点击div以将其旋转90度等的帖子。这一切都很简单，但我需要它，以便用户滑动或拖动手势可以“实时”旋转元素。因为元素将旋转到滑动的速度，并且当手指实际触摸屏幕时 - 给它一种原生的感觉。

有什么想法吗？

Answer 1

我正在使用这个非常好用的插件。 可以处理多指滑动/拖动拖动开始/结束ecc

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

这是一个有效的代码示例：

$(function() {      
          $("body").swipe( {
            swipe:function(event, direction, distance, duration, fingerCount,  fingerData) {
              if(direction=="right" && fingerCount==2 && distance>100){
                //do something
              }
              else if(direction=="right" && distance>100){
                //do other....
              }
              else if(direction=="left" && distance>100){
                //other and other....   
              }
            },
            threshold:0,
            fingers:'all'
          });
            $('body').swipe("option","allowPageScroll","vertical");
        });