fabric.js， 移动某一对象后 ，如何获取对象的宽高

在 fabric.js 中，可以通过 `getWidth()` 和 `getHeight()` 方法获取对象的宽度和高度。

例如，假设你已经获取到了一个对象的引用，你可以使用以下代码来获取它的宽度和高度：

var obj = // 获取到的对象引用
var width = obj.getWidth(); // 获取宽度
var height = obj.getHeight(); // 获取高度

注意，这些方法返回的是对象的当前宽度和高度，而不是对象的原始宽度和高度。如果你需要获取对象的原始宽度和高度，可以使用 `getOriginalWidth()` 和 `getOriginalHeight()` 方法。

相关问题

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()`方法获取移动后的点位坐标。最后，我们可以使用这些点位坐标进行其他操作，例如计算线条长度或绘制其他形状。