javascript - fabricjs - 그룹 크기를 조정할 때 객체 위치를 고정 상태로 유지

일부 요소가 같은 크기와 위치에 고정되어야하는 그룹을 생성하려고합니다 (그룹의 테두리에서 볼 수 있음).

크기 문제를 파악했습니다. 그러나 위치를 동일하게 유지하기 위해 완전히 작동하는 솔루션을 얻지 못했습니다. 내 현재 접근 방식은 다음과 같습니다.

http://jsfiddle.net/on7kujhs/111/

let originalX = e.originalLeft + e.width / 2, // my true left of my center, relative to group
          percentageX = 0.5 + originalX / target.width, // how much I will change my position in percent. zero if originalX is exactly the same as half the width, one if im at right edge
          totalChangeX = (target.scaleX - 1) * target.width / 2, // how much the center shifts
          myMovX = percentageX * totalChangeX; // how much I moved to the right
        if (e.groupedScaleOriginX === 'left') {
          e.left = e.originalLeft - myMovX;
        } else if (e.groupedScaleOriginX === 'right') {
          e.left = e.originalLeft + totalChangeX * (1 - percentageX);
        }