d3.easeの戻り値はどのように取得されますか？

Question

私はd3バージョン3を使用していますが、アニメーションにd3のイージー機能を使用しようとしています。関数の定義によると、戻り値は

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

私の計算には戻り値が必要です。しかし、今ではどのようにして簡単関数の戻り値を数値にキャストできますか？ これを達成する他の方法はありますか？

ありがとうございます。

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との間にあることに注意してください。 APIによると：

イージング関数は、ドメイン[0,1]の現在のパラメータ化時間値tをとり、同様の範囲内の別の値にマップします。