数学负数计算适用于 jquery 缓动旋转

Question

我正在使用 jquery 缓动插件，我想将缓动“easeInOutBounce”应用于 div 旋转，但不像 this example（其中，基于 90，旋转将在 0 到 90 之间）：

num = 90;
$('div').animate({borderSpacing: num},{
    step: function(now){
        if(now >= num/2){xxx = num - now;}else{xxx = now;}
        console.log(xxx);
        $(this).css('transform','rotate('+ xxx +'deg)');
    },
    duration: 1000,
    easing: 'easeInOutBounce'
},'linear');

我想不从0开始旋转，而是将部分值转换为负数，因此动画平衡为0：
在这种情况下，基于 90，我想要 -45 到 45 之间的动画。

我做了一个错误的计算，我无法得到我想要的结果...请帮助进行正确的数学计算，非常感谢任何帮助！

Answer 1

只需尝试now = now - num/2; 而不是您的if... 语句。

当now 的域为[0,90] 时，这对应于映射now |--> now - 90/2 的范围为[-45,45]。