Нарисовать прямоугольник с помощью aCoords tl, заломить углы вместо верха, оставить в fabric.js?

Поэтому я хотел рисовать прямоугольники на холсте на основе координат, полученных из внешней системы, которая использует координаты (x1,y1) (вверху слева) и (x2,y2) (внизу справа) для рисования прямоугольника, тогда как в Fabric.js это немного по-другому, например, используя свойства top и left, я попытался сделать это с помощью aCoords и написал этот код:

  addRect() {
    let square = new fabric.Rect({
      stroke: 'yellow',
      noScaleCache: false,
      strokeWidth: 10,
      strokeUniform: true,
      fill: 'rgba(0,0,0,0.2)',
      flipX: true,
    });
    console.info(square.getCoords());

    square.set("aCoords", { tl: new fabric.Point(100, 2), br: new fabric.Point(1, 2), tr: new fabric.Point(1, 2), bl: new fabric.Point(1, 2) });

  
    this.canvas.add(square);
  }

Кажется, это не работает, что я упускаю?