2013-08-16 252 views
1

我有一个形象,我可以放置标记的地方我点击:http://jsbin.com/ojahel/10/edit转换绝对坐标到相对坐标

我需要保存在一个JSON数组的标记位置,然后将其发送到服务器。我已经完成了。但我发送的坐标绝对是我想的。因为我需要在另一个页面中使用它们,并且当我显示与之前相同的图像时,标记不在相同的位置,因为它们不是以相对于图像的坐标而是以自己的坐标位置,而是以屏幕坐标。

任何想法如何在我提交表单时将其转换,然后在另一个页面中显示图像时将另一个函数“转换”为相对坐标为绝对值?

回答

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(图片)现在指的是第二页中图片的绝对坐标。希望有帮助