ease是扭曲时间控制动画中运动的方法,常用与淡入淡出,使动画过度更平滑。

ease方法实现中,输入一个标准时间t,返回一个ease化的时间,他们的范围都在0,1内,表示动画的开始和结束。

ease(t)

首先设置你的ease,然后在动画期间调用。

// Before the animation starts, create your easing function.
var customElastic = d3.easeElastic.period(0.4);

// During the animation, apply the easing function.
var te = customElastic(t);

d3.easeLinear(t)

线性ease

export function linear(t) {
return +t;
}

d3.easePolyInOut(t)

d3.easePolyOut(t)