Javascript 如何停止（以反转）fabricjs动画 我想创建一个鼠标翻转效果，就像我们在Flash网站上看到的那样——当鼠标滚动到它开始动画的元素上时，但是如果鼠标在中间，鼠标滚出，动画就会停止并运行。

我想用织物达到同样的效果，但我似乎可以找到一种停止动画的方法。例如：

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

---

这将设置动画，直到

rect

的

top

值变为

200

。在此之前是否有停止动画的方法？

您需要指定

中止

功能

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

---

唯一的问题是，

abort

没有传递到底层的

fabric.util.animate

，因此您需要使用最新版本：）

谢谢！你说的最新版本是指从repo下载？@MeLight yep，从repook下载，可以：）@kangax我希望你能为我的问题在官方文件中添加中止。6年后它仍然不见了：D