Fabric.js関数がポイントAからBへオブジェクトを移動する

Question

現在選択されているオブジェクトがある期間にわたって移動するx、y座標と時間がかかる関数を作成しようとしています。例えば、0,0のObjectAは5秒間に50,75の位置に移動します。それはエンドCOORDS

関数移動（X、Y、時間）似たような行う{ ... }

誰に達するまで、それがゆっくり小さなビットでその動きをアニメーションであろうか、このための任意の関数であります私は逃した？事前に助けてくれてありがとう。

Answer 1

Yondaru's followup questionには、このスレッドで終了する他の人のために、実例の回答があります。

Answer 2

Fabric.jsのanimation APIをそのまま使用することができます。

rect.animate（ '上部'、45、{ 期間：1000、 のonChange：canvas.renderAll.bind（キャンバス） }）。

使用すると、1つに、いくつかのアニメーションを圧縮したい場合、あなたはこのようなもの使用することができます、まだ

function animateFabricProps(item, properties, values, options) { 
    var opts = options || {}; 
    for (var i= 0; i < properties.length; i++){ 
    item.animate(properties[i], values[i], opts) 
    } 
} 

またはそれ以上を取る必要はありません「animateSeveral」方法、とファブリックのjsオブジェクトを拡張item param。