jquery - ある角度で回転を再開

Question

写真を回転させ、新しい回転角度を保存するために Jquery Rotate Plugin を使用しています。誰かがこの写真の回転を再開すると、同じ角度で再開したいのですが、回転は元のポイントで停止し、回転と同時にループしません。

助けてくれてありがとう:)

var anglestop = 0;
$('.rotate').click(function() {
    var rotation = function (){

    $('#image').rotate({
      angle:anglestop,           
      animateTo:360, 
      duration: 3000,
      callback: rotation,
      easing: function (x,t,b,c,d){
        return c*(t/d)+b;       
    },
      bind: {
        click: function(){
          $(this).stopRotate();
          anglestop=$(this).getRotateAngle();
      }}
     });
  }

  rotation();  
});

Answer 1

これをチェックしてください：

var anglestop = 0;
var rotating = false;

function toggleRotate(event) {
    if (event && event.type == "click") {
        if (rotating) {
            $(this).stopRotate();
            anglestop = $(this).getRotateAngle();
            rotating = false;
            return;
        }
    } else {
        anglestop = 0;
    }        

    $(this).rotate({
      angle:anglestop,           
      animateTo:360,
      duration: 3000 * (360 - anglestop) / 360,
      easing: function (x,t,b,c,d){
        return c*(t/d)+b;       
      },
      callback: toggleRotate
    });
    rotating = true;
}

$("#image").click(toggleRotate);

これが実際の例です。