jquery - jquery 缓动图

Question

刚刚找到了graphicaljQuery Easing插件的图（）http://james.padolsey.com/demos/jquery/easing/

这些图表究竟代表了什么。

我曾多次尝试工作/分析 Easing Plugin，但我不明白它的真正功能

有人可以解释一下如何解决吗

Answer 1

这样想吧……

• 方框的左下角是动画的起点。
• 右侧是动画的终点。越高，起点越远。
• 底部（或顶部）的长度显示了总动画时间已经过去了多少。
• 缓动函数确定如何在两点之间设定的动画时间量或距离/时间的速率内对距离内的元素进行动画处理。

因此，如果您看到绘制的水平线或曲线接近水平线，则不会有任何动画（或最小），因为距离没有随时间变化。

线越陡峭（向上或向下），元素在距离上移动的速度越快。

Answer 2

它是动画的初始速度、中间速度和最终速度。

Answer 3

阅读该段落 - 它解释了图表所代表的内容。