Seadragon ajax 修复坐标系

【问题标题】：Seadragon ajax fix coordinates systemSeadragon ajax 修复坐标系
【发布时间】：2012-03-03 17:18:39
【问题描述】：

我正在尝试使用坐标系统的 Seadragon Ajax，以便在我的网站上显示具有大分辨率的大图像。我会在知道他们的坐标的情况下查看这张图片的一部分。问题是当我缩放或拖动图像时，坐标不再对应于图像的同一部分。我尝试使用一些代码，但没有办法。我需要为所有图像修复坐标系。我能做到吗？谢谢

【问题讨论】：

标签： coordinate-systems mouse-coordinates seadragon

【解决方案1】：

当然，没问题。您必须将“真实”基于像素的坐标转换为 seadragon 点坐标。

"Seadragon Ajax 使用标准化坐标系。图像的左上角始终位于原点 (0, 0)，而图像的宽度始终为 1。图像的高度取决于纵横比，所以一个高一半宽的图像将有 0.5" 的高度

所以，如果你知道你的图片是 500x500px，那么点 1,1 = 500px,500px 和 0.5,0.5 = 250px,250px。

通过编写这样的函数进行转换：

var my_position_x=333; // the position you want to get point for
var my_position_y=666; // the position you want to get point for
var width=500;
var height=500;
var pointx=1/width * my_position_x;
var pointy=1/height * my_position_y;

【讨论】：