我有一张图片,我可以在任何地方点击标记:http://jsbin.com/ojahel/10/edit
我需要将这些标记位置保存在json数组中,然后将其发送到服务器。我做了什么。但我认为我发送的坐标是绝对的。因为我需要在另一个页面中使用它们,并且当我显示与之前相同的图像时,标记不在同一位置,因为它们不是相对于它自己的图像的坐标,而是放在屏幕坐标上。 / p>
当我提交表单时,我知道如何转换它们,然后当我在另一页中显示图像时,另一个函数将相对坐标“转换”为绝对值?
答案 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(图片)现在指的是第二页中图片的绝对坐标。希望有所帮助