scaleY() 动态但在具有不同大小的两个图像之间添加偏移量

首先，我为我的代码质量深表歉意，我仍在学习 react.js 和 Javascript。

当用户需要滚动以缩放 svg 并显示内容时，我正在构建一个网站。我正面临一个问题，无法解决这个问题。当它们一起缩放时，我需要对齐这些 svg（并同步）它们的缩放（见下图出现问题的地方）。

我已经尝试过使用相同的图像（具有相同的高度）并且没有出现问题。然后是因为这两个 svg 具有不同的宽度和高度。由于我使用的字体，我需要保持这些尺寸。

因此，这两个图像之间存在 px 偏移。然后，我尝试将此偏移量连接到我在较小图像上添加的动态比例。

这个偏移量可以从这样的状态访问：

  let originalImageHeightArray = this.state.originalImageHeightArray;
  let offset = originalImageHeightArray[1] - originalImageHeightArray[0];

我附上了我的代码的代码和盒子。我认为逻辑应该在第 507 行。