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

Fabric.js function to move object from point A to B

本文关键字：移动 js 函数 对象 Fabric      更新时间：2023-09-26

我正在尝试制作一个函数，该函数需要x、y坐标和时间，当前选定的对象将在一段时间内移动到该函数。例如，位置0,0上的ObjectA将在5秒内移动到位置50.75。它会慢慢地通过小块来动画化它的运动，直到它到达的末端

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

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

您可以简单地使用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)
  }
}

或者更好的是，使用"animateTwo"方法扩展Fabric-js对象，该方法不需要使用item参数。

对于最后出现在这个线程上的其他人，Yondaru的后续问题有一个可行的示例答案。

相关文章：