Fabricjs 对象在完成时移动火

Question

如果对象移动事件完成，我想调用一个函数。

目前它看起来像这样：

canvas.on('object:moving', function (event) {
   recCanvas(canvas) // fire this if finished
});

问题是每次移动对象时它都会触发该功能，我该如何防止这种情况并在移动完成后触发该功能。

Answer 1

当移动事件完成时发生了什么事件？

鼠标向上将完成事件对象移动。所以你需要一个布尔变量来检查对象何时移动，然后在鼠标向上移动对象时调用你的函数：

var isObjectMoving  = false;
canvas.on('object:moving', function (event) {
   isObjectMoving = true;
});

canvas.on('mouse:up', function (event) {
  if (isObjectMoving){
    isObjectMoving = false;
    recCanvas(canvas) // fire this if finished
  } 
});