javascript - 如何获取d3.ease的返回值？

Question

我正在使用 d3 版本 3，并且我正在尝试使用 d3 的 ease 函数来制作动画。根据函数的定义，它有一个返回值

function ease(type: 'cubic-in'): (t: number) => number; 

我期待一个数字作为返回值，以便在我的计算中使用它。但是，现在如何将 ease 函数的返回值转换为数字。还有其他方法可以实现吗？

谢谢。

Answer 1

d3.ease 已经返回一个数字。

你只需要将你想要的值传递给d3.ease:

d3.ease(type)(value);

这是一个带有 "cubic-in" 的演示，如您的问题所示:

function ease(value) {
  return d3.ease("cubic-in")(value);
}

console.log("ease for 0.1: " + ease(4));
console.log("ease for 0.5: " + ease(0.5));
console.log("ease for 0.8: " + ease(0.8));
console.log("ease for 0.95: " + ease(0.95));

<script src="https://d3js.org/d3.v3.min.js"></script>

请记住，传递值和返回值介于 0 和 1 之间。根据API :

An easing function takes the current parameterized time value t in the domain [0,1], and maps it to another value in a similar range.