将CSS三次方贝塞尔曲线宽松转换为Javascript

Question

我正在寻找一种为补间生成缓动函数的方法，我需要Java标准格式的Javascript函数格式的缓动函数t, b, c, d。

我找到了一个很棒的工具来生成CSS缓动：http : //cubic-bezier.com/，但是输出对我来说毫无用处。

• 有没有办法将此格式转换为Javascript缓动函数？
• 有没有更好的工具可以直接构建Javascript缓动函数？

---

所需的格式如下：

function(t, b, c, d){
    var ts = (t /= d) * t;
    var tc = ts * t;
    return b+c*(4.257575757575761*tc*ts + -7.9545454545454595*ts*ts + 0.6818181818181834*tc + 4.46969696969697*ts + -0.4545454545454546*t);
}

Answer 1

JavaScript中有一个基于贝塞尔曲线的缓动库 https://github.com/gre/bezier-easing

您可以从http://cubic-bezier.com中选择所需的参数， 并将其传递给功能BezierEasing。例如：

BezierEasing(0.25, 0.1, 0.0, 1.0)

以下是文档中的示例：

https://jsfiddle.net/0x51ew2L/