javascript - fabricjs アニメーションを (元に戻すために) 停止する方法

Question

Flash Web サイトで見たような、マウスのロールオーバー効果を作成したいと考えています。マウスが要素の上をロールするとアニメーションが開始されますが、アニメーションの途中でマウスがロールアウトすると、アニメーションが停止して戻ってきます。

ファブリックで同じ効果を実現したいのですが、アニメーションを停止する方法を見つけることができるようです. 例えば：

rect.animate('top', '200', {
    duration: 1000,
    onChange: canvas.renderAll.bind(canvas),
    onComplete: function() {
      //callback code goes here
    }
  });

topこれは、 の値が にrectなるまでアニメーション化されます200。その前にアニメーションを停止する方法はありますか?