Fabric.js 函数将对象从 A 点移动到 B答案

【问题标题】：Fabric.js function to move object from point A to BFabric.js 函数将对象从 A 点移动到 B
【发布时间】：2016-08-10 04:14:32
【问题描述】：

我正在尝试制作需要 x,y 坐标和时间的函数，当前选定的对象将在一段时间内移动。因此，例如位置 0,0 上的 ObjectA 将在 5 秒内移动到位置 50,75。它会慢慢地动画它的运动，直到它到达终点坐标

函数移动（x，y，时间）{ ... }

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

【问题讨论】：

标签： javascript animation fabricjs

【解决方案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 参数。

【讨论】：

【解决方案2】：

对于结束此线程的其他任何人，Yondaru's followup question 有一个有效的示例答案。

【讨论】：