fabric.js 获取移动后点位坐标

在fabric.js中，可以使用对象的`left`和`top`属性获取对象的当前位置。当对象被移动时，这些属性会被更新。

例如，假设您有一个名为`myObject`的对象，并且您希望在移动后获取其新位置。您可以使用以下代码：

// 监听对象移动事件
myObject.on('moving', function(event) {
  // 获取对象的新位置
  var x = event.target.left;
  var y = event.target.top;
  console.log('新位置：(' + x + ', ' + y + ')');
});

这将在每次移动对象时记录其新位置。您还可以在移动结束时获取对象的最终位置：

// 监听对象移动结束事件
myObject.on('moved', function(event) {
  // 获取对象的最终位置
  var x = event.target.left;
  var y = event.target.top;
  console.log('最终位置：(' + x + ', ' + y + ')');
});

请注意，`moving`事件将在对象移动时连续触发，而`moved`事件仅在对象移动结束时触发一次。

相关问题

fabric.js 获取移动后的Polyline点位坐标

要获取移动后的Polyline的点位坐标，可以使用以下代码：

// 获取Polyline对象
var polyline = canvas.getActiveObject();

// 获取移动前的点位坐标
var oldPoints = polyline.get('points');

// 移动Polyline对象
polyline.set({
  left: polyline.left + 10, // x轴移动10个单位
  top: polyline.top + 10 // y轴移动10个单位
});

// 获取移动后的点位坐标
var newPoints = polyline.get('points');

在这段代码中，我们首先获取Polyline对象，然后使用`get()`方法获取移动前的点位坐标。接下来，我们移动Polyline对象，然后再次使用`get()`方法获取移动后的点位坐标。最后，我们可以使用这些点位坐标进行其他操作，例如计算线条长度或绘制其他形状。

fabric.js获取所有pointer点位

要获取Fabric.js中所有指针点位，可以使用`canvas.getPointer(event)`方法。这个方法将返回一个包含当前鼠标位置和相对于画布的X和Y坐标的对象。

如果你想获取所有指针点位，可以监听`mouse:down`和`mouse:move`事件，并将每个事件的指针点位存储在一个数组中。示例代码如下：

var pointerPositions = [];

canvas.on('mouse:down', function(event) {
  var pointer = canvas.getPointer(event.e);
  pointerPositions.push(pointer);
});

canvas.on('mouse:move', function(event) {
  var pointer = canvas.getPointer(event.e);
  pointerPositions.push(pointer);
});

在上面的示例中，我们将每个`mouse:down`和`mouse:move`事件的指针点位存储在`pointerPositions`数组中。你可以在需要的时候使用这个数组来进行处理。