在放大fabric js时保持对象大小

// 创建Canvas对象
var canvas = new fabric.Canvas('canvas');

// 创建一个矩形对象
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 200,
  height: 100,
  fill: 'red'
});

// 将矩形对象添加到Canvas中
canvas.add(rect);

// 监听鼠标滚轮事件
canvas.on('mouse:wheel', function(options) {
  var delta = options.e.deltaY;
  var zoom = canvas.getZoom();

  // 根据滚轮方向计算缩放比例
  var zoomRatio = delta > 0 ? 0.9 : 1.1;

  // 更新对象的缩放比例
  rect.scaleX *= zoomRatio;
  rect.scaleY *= zoomRatio;

  // 更新对象的位置，以保持居中显示
  rect.left = canvas.width / 2 - rect.width * rect.scaleX / 2;
  rect.top = canvas.height / 2 - rect.height * rect.scaleY / 2;

  // 清除Canvas并重新渲染对象
  canvas.clear();
  canvas.renderAll();
});