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

在 Fabric.js 中，可以通过获取对象的 `width` 和 `height` 属性来获取该对象的宽度和高度。当你修改了对象的属性后，可以直接访问 `width` 和 `height` 属性来获取更新后的值。例如：

// 获取对象宽度
var objWidth = obj.width;

// 获取对象高度
var objHeight = obj.height;

// 修改对象属性后获取宽度和高度
obj.set({ width: 100, height: 200 });
var newWidth = obj.width; // 100
var newHeight = obj.height; // 200

需要注意的是，当你修改了对象的属性后，需要调用 `canvas.renderAll()` 方法来重新渲染画布，否则画布上的对象不会更新。

相关问题

fabric.js 选中某一对象时，修改默认旋转按钮朝下

要修改Fabric.js中选中对象的默认旋转按钮朝下，你可以通过重写`fabric.Canvas.prototype._createUpperCanvas()`方法来实现。以下是实现的步骤：

1. 获取默认旋转按钮的元素，该元素的class为`.lower-canvas.fabric-rotating-point`。

2. 获取该元素的父元素，即旋转按钮所在的元素。

3. 设置旋转按钮所在的元素的`transform`属性为`rotate(180deg)`，将旋转按钮朝下。

4. 重新添加旋转按钮元素。

下面是示例代码：

fabric.Canvas.prototype._createUpperCanvas = function() {
  var upperCanvasEl = fabric.util.createCanvasElement();
  upperCanvasEl.className = 'upper-canvas';
  this.upperCanvasEl = upperCanvasEl;

  this.wrapperEl.appendChild(upperCanvasEl);

  this._copyCanvasStyle(this.lowerCanvasEl, upperCanvasEl);
  this._applyCanvasStyle(upperCanvasEl);

  this.contextTop = upperCanvasEl.getContext('2d');
  fabric.util.addClass(upperCanvasEl, fabric.upperCanvasClass);

  this._bindEvents();

  // 获取旋转按钮元素
  var rotateElement = document.querySelector('.lower-canvas.fabric-rotating-point');
  if (rotateElement) {
    // 获取旋转按钮所在的元素
    var parent = rotateElement.parentNode;
    // 旋转按钮朝下
    parent.style.transform = 'rotate(180deg)';
    // 重新添加旋转按钮元素
    parent.removeChild(rotateElement);
    parent.appendChild(rotateElement);
  }
};

将以上代码添加到你的项目中，重新运行即可看到修改后的效果。

fabric.js更改对象形状

要更改fabric.js中对象的形状，可以使用set方法来更改对象的属性。例如，如果要更改矩形的高度和宽度，可以使用以下代码：

var rect = new fabric.Rect({
  width: 100,
  height: 100,
  fill: 'red'
});

rect.set({
  width: 200,
  height: 50
});

这将更改矩形的宽度为200，高度为50。