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

时间:2013-08-16 10:53:09

标签: javascript jquery

我有一张图片,我可以在任何地方点击标记:http://jsbin.com/ojahel/10/edit

我需要将这些标记位置保存在json数组中,然后将其发送到服务器。我做了什么。但我认为我发送的坐标是绝对的。因为我需要在另一个页面中使用它们,并且当我显示与之前相同的图像时,标记不在同一位置,因为它们不是相对于它自己的图像的坐标,而是放在屏幕坐标上。 / p>

当我提交表单时,我知道如何转换它们,然后当我在另一页中显示图像时,另一个函数将相对坐标“转换”为绝对值?

1 个答案:

答案 0 :(得分:0)

我认为你必须找出你的图像放在第一页的坐标。我们称它们为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_abs(图片),y_abs(图片)现在指的是第二页中图片的绝对坐标。希望有所帮助