如何将点击坐标从图片的一种尺寸转换为另一种尺寸?

时间:2018-12-14 21:04:30

标签: javascript

我正在编写一个应用程序,其中必须在图像上设置一些要点。什么时候 我单击图像创建一个点(红色正方形)。问题是我单击的图像实际上已调整大小。假设原始图片的尺寸为1000x600,尺寸为500x300。我想在原始版本上加载保存的点,但是数据库中的坐标来自调整后的版本。我不知道如何调整数据库中值的大小以适合原始版本。

1 个答案:

答案 0 :(得分:1)

这很简单,只需将坐标标准化即可。例如,如果您的图像是500x400,并且点位于(100, 50),则可以直接存储(0.2, 0.125)而不是直接存储点,因为100是500的20%,而50是400的12.5%。可以将这些坐标与调整大小后的图片的尺寸相乘,从而得到一个大致位于图像同一点上的点。