跨不同边距与书脊的双页版式缩放居中图形对象的技术问题咨询

各位好，我最近在处理一个双页跨页的图形对象版式转换需求，卡了好一阵，想跟大家请教下思路。

我的场景是这样的：有一批图形对象，它们的位置都是以双页跨页的中心为基准定义的。现在需要把它们从一种版式转换成另一种，不同版式之间的差异可能包括：跨页总宽高、外部出血边距（bleed）、内部书脊（spine）宽度。

这里最棘手的问题是：哪怕跨页的总尺寸完全一致，只要出血边距或书脊宽度不一样，原本正好在跨页中心（x=0）的对象，转换后就会偏离中心。我原本以为只要按比例缩放就不会有问题，但实际情况完全不是这样。

我已经试过好几种方法，但都没解决这个偏移问题：

• 第一种是最直接的方案：按目标版式和源版式的宽高比例，直接缩放每个对象的x、y坐标以及宽高。我本以为x=0的对象缩放后还会停在x=0，但只要出血或书脊参数有差异，就一定会偏移。
• 后来我尝试先把坐标归一化到内容区域：先减去出血边距和半书脊的宽度，缩放完成后再把这些值加回去；还试过围绕内容原点做完整的仿射变换（平移→缩放→平移），但不管怎么调整计算细节，原本居中的对象转换后x坐标还是会变成非零值，完全达不到预期的对齐效果。

下面是我当前简化后的实现代码：

const baseFormat = { width: 654, height: 343, bleed: 19, spine: 6 };
const targetFormat = { width: 342, height: 185, bleed: 19, spine: 6 };
const objects = [
  { width: 250, height: 250, center: { x: 157, y: 0 } },
  { width: 200, height: 200, center: { x: -155, y: 0 } }
];

const scaleX = targetFormat.width / baseFormat.width;
const scaleY = targetFormat.height / baseFormat.height;

const scaled = objects.map(o => ({
  ...o,
  width: o.width * scaleX,
  height: o.height * scaleY,
  center: {
    x: o.center.x * scaleX,
    y: o.center.y * scaleY
  }
}));

用这段示例数据测试的话，视觉上能明显看到原本应该居中的对象发生了偏移，实在找不到问题出在哪了，有没有朋友遇到过类似的需求，或者能帮我捋捋正确的转换逻辑应该是怎样的？

内容来源于stack exchange