Custom originX (left) with special textbox type

[natuan62]

Hi @asturur @ShaMan123 , I have two different textbox types., example: normal type and curved type

Both types use originX = left.
But with curved type, I want to custom orginX to 'center', but I have some problem
When change to curved type, left of object change

1. Use default originX = left (no problem occurr)
   

2. Use orginX = left, and custom originX to 'center' when change textbox with curved type.
   Left of object changed at first time
   And what function need override to update left correct prevent left change like this

I was overrided 3 functions

  translateToCenterPoint(point: fabric.Point, originX: string, originY: string) {
    const _originX: string = this.textType === 'curved' ? 'center' : originX; // <===== add line
    const p = this.translateToGivenOrigin(point, _originX, originY, 'center', 'center');
    if (this.angle) {
      return fabric.util.rotatePoint(p, point, fabric.util.degreesToRadians(this.angle));
    }
    return p;
  }

fabric.Canvas.prototype._getOriginFromCorner = (target: Record<string, any>, corner: string) => {
  if (this.textType === 'curved') { <===== add line
    target.originX = 'center';
  }
  const origin = {
    x: target.originX,
    y: target.originY
  };

  if (corner === 'ml' || corner === 'tl' || corner === 'bl') {
    origin.x = 'right';
  }
  else if (corner === 'mr' || corner === 'tr' || corner === 'br') {
    origin.x = 'left';
  }

  if (corner === 'tl' || corner === 'mt' || corner === 'tr') {
    origin.y = 'bottom';
  }
  else if (corner === 'bl' || corner === 'mb' || corner === 'br') {
    origin.y = 'top';
  }
  return origin;
}

  function wrapWithFixedAnchor(actionHandler) {
    return function(eventData, transform, x, y) {
      if (transform.target.textType === 'curved') { // <===== add line
        transform.originX = 'center';
      }
      var target = transform.target, centerPoint = target.getCenterPoint(),
      constraint = target.translateToOriginPoint(centerPoint, transform.originX, transform.originY),
      
      actionPerformed = actionHandler(eventData, transform, x, y);
      target.setPositionByOrigin(constraint, transform.originX, transform.originY);

      return actionPerformed;
    };
  }

Thanks!!

[ShaMan123]

Before jumping to the solution, could you state what you want to happen? It is unclear.

[ShaMan123]

And I urge you to add a repro