Fabric.js用于将对象从A点移动到B

Question

我正在尝试制作能够获取当前所选对象在一段时间内移动的x，y坐标和时间的函数。因此，例如位置0,0上的ObjectA将在5秒内移动到位置50,75。它会慢慢地通过小位动画直到它到达末端坐标

函数move（x，y，time）{ ... }

任何人做过类似的事情，或者我错过了什么功能？感谢您提前提供任何帮助。

Answer 1

您只需使用Fabric.js` animation API。

rect.animate（'top'，45，{   持续时间：1000，   onChange：canvas.renderAll.bind（canvas） }）;

如果你想将几个动画压缩成一个，你可以使用这样的东西：

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”方法扩展Fabric js对象，不需要使用item参数。

Answer 2

对于最终加入此主题的任何其他人，Yondaru's followup question都有一个有效的示例答案。