easing

cubicBezier

cubicBezier(x1, y1, x2, y2)

如同 CSS 过渡（transition）的cubic-bezier()，该方法生成一个缓动函数（easing function）。

起始版本

0.2.0

参数

• x1 (number)
• y1 (number)
• x2 (number)
• y2 (number)

返回值

• (Function)

示例

const linear = cubicBezier(0, 0, 1, 1)
linear(0.1)
// => 0.1

ease

ease(x)

等同于cubicBezier(0.25, 0.1, 0.25, 1)。

起始版本

0.2.0

参数

• x (number)

返回值

• (number)

easeIn

easeIn(x)

等同于cubicBezier(0.42, 0, 1, 1)。

起始版本

0.2.0

参数

• x (number)

返回值

• (number)

easeInOut

easeInOut(x)

等同于cubicBezier(0.42, 0, 0.58, 1)。

起始版本

0.2.0

参数

• x (number)

返回值

• (number)

easeOut

easeOut(x)

等同于cubicBezier(0, 0, 0.58, 1)。

起始版本

0.2.0

参数

• x (number)

返回值

• (number)

linear

linear(x)

等同于cubicBezier(0, 0, 1, 1)。

起始版本

0.2.0

参数

• x (number)

返回值

• (number)

示例

linear(0.1)
// => 0.1