我有一张图片，我可以在任何我点击的地方放置标记。：http: //jsbin.com/ojahel/10/edit
我需要将这些标记位置保存在 json 数组中，然后将其发送到服务器。我已经做到了。但我认为我发送的坐标是绝对的。因为我需要在另一个页面中使用它们，并且当我显示与之前相同的图像时，标记不在同一位置，因为它们的坐标不是相对于它自身的图像，而是相对于屏幕坐标。
知道如何在提交表单时转换它们，然后在另一个页面中显示图像时使用另一个函数将相对坐标“转换”为绝对坐标吗？
问问题
1490 次
1 回答
1
我认为你必须找出你的图像放在第一页的哪个坐标。让我们称它们为 x_abs(picture),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(picture),y_abs(picture)现在指的是第二页图片的绝对坐标。希望有帮助
于 2013-08-16T11:06:15.240 回答