Javascript 将绝对坐标转换为相对坐标

我有一个图像，我可以在单击的任何位置放置标记：

我需要将这些标记位置保存在json数组中，然后将其发送到服务器。我已经做到了。但我发送的坐标是绝对的。因为我需要在另一个页面中使用它们，当我显示与之前相同的图像时，标记不在相同的位置，因为它们不是相对于图像本身的坐标，而是相对于屏幕坐标

---

你知道我在提交表单时如何转换它们，然后在另一页中显示图像时使用另一个函数将相对坐标“转换”为绝对坐标吗？

我想你必须找出图像在第一页上的坐标。让我们称之为x_abs（图片），y_abs（图片）。然后，您可以通过以下方式计算标记的相对坐标：

x_rel(marker) = x_abs(marker) - x_abs(picture)
y_rel(marker) = y_abs(marker) - y_abs(picture)

x_abs(marker) = x_rel(marker) + x_abs(picture)
y_abs(marker) = y_abs(marker) + y_abs(picture)

在下一页中，您必须再次找到图像的放置位置，并通过

x_rel(marker) = x_abs(marker) - x_abs(picture)
y_rel(marker) = y_abs(marker) - y_abs(picture)

x_abs(marker) = x_rel(marker) + x_abs(picture)
y_abs(marker) = y_abs(marker) + y_abs(picture)

---

请注意，x_abs（图片）和y_abs（图片）现在指的是第二页中图片的绝对坐标。希望这对你有所帮助，我想你必须找出你的图片放在第一页的坐标。让我们称之为x_abs（图片），y_abs（图片）。然后，您可以通过以下方式计算标记的相对坐标：

x_rel(marker) = x_abs(marker) - x_abs(picture)
y_rel(marker) = y_abs(marker) - y_abs(picture)

x_abs(marker) = x_rel(marker) + x_abs(picture)
y_abs(marker) = y_abs(marker) + y_abs(picture)

在下一页中，您必须再次找到图像的放置位置，并通过

x_rel(marker) = x_abs(marker) - x_abs(picture)
y_rel(marker) = y_abs(marker) - y_abs(picture)

x_abs(marker) = x_rel(marker) + x_abs(picture)
y_abs(marker) = y_abs(marker) + y_abs(picture)

请注意，x_abs（图片）和y_abs（图片）现在指的是第二页中图片的绝对坐标。希望有帮助