拉扯的过程当中,不允许this.rectangle = new fabric.Rect的坐标 不允许 超过canvas的高度和宽度

要确保当对象被拉伸时不会超出画布的边界，您可以在 `object:scaling` 事件中检查对象的位置和大小，然后根据需要调整其坐标。

以下是一个示例代码，它将在对象被拉伸时防止其超出画布的大小：

this.canvas.on('object:scaling', function(e) {
  var obj = e.target;
  var canvasWidth = this.width;
  var canvasHeight = this.height;
  var objWidth = obj.getScaledWidth() * obj.scaleX;
  var objHeight = obj.getScaledHeight() * obj.scaleY;

  // 确定对象在X轴和Y轴上的最小和最大位置
  var objLeft = obj.left - objWidth / 2;
  var objRight = objLeft + objWidth;
  var objTop = obj.top - objHeight / 2;
  var objBottom = objTop + objHeight;

  // 如果对象超出了画布的大小，则阻止缩放
  if (objLeft < 0 || objTop < 0 || objRight > canvasWidth || objBottom > canvasHeight) {
    // 计算对象的新坐标
    var newLeft = Math.min(Math.max(obj.left, objWidth / 2), canvasWidth - objWidth / 2);
    var newTop = Math.min(Math.max(obj.top, objHeight / 2), canvasHeight - objHeight / 2);

    // 重置对象的位置
    obj.set({
      left: newLeft,
      top: newTop,
      scaleX: obj.scaleX,
      scaleY: obj.scaleY
    });
    obj.setCoords();
  }
});

这段代码将在对象被缩放时触发，并检查对象是否超出了画布的大小。如果是，则计算对象的新坐标，并将其设置为新的位置。请注意，这里使用了Math.min和Math.max函数来确保对象不会超出画布的边界。