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

编程问答 2022-05-27

问题描述

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

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

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

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

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

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

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

https://codesandbox.io/s/festive-brown-5krns?fontsize=14&hidenavigation=1&theme=dark

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreactjsreactjs