Question

我构建了一个幸运之轮＆＃34;使用Raphael.js，现在希望将此轮动画为任意旋转度。我使用Raphael.js的animate function：

执行此动画

degrees += 360;
var duration = 1000;

wheel.animate({transform:"r"+degrees+" 250 250"},duration,"cubic-bezier(0,0,1,1)",null);

在这个片段中，我指定了一个恒定的持续时间和一个线性立方贝塞尔曲线，它与轮子的实际旋转完全不同。如果旋转有一些变化，我怎样才能最好地对这个变化进行动画处理，以便模拟正在旋转的轮子的物理特性，然后摩擦使轮子在最终旋转角度停止？

Answer 1

如果您要求将不同的常量传递给cubic-bezier函数，我建议您查看cubic-bezier.com，这样可以让您使用不同的曲线组合。该网站本身仅将该功能应用于线性移动（不是旋转），但它应该为您提供一个很好的起点来修补一些不同的值。