海龙ajax修复坐标系统

发布于 2025-01-04 19:19:39 字数 149 浏览 1 评论 0原文

我正在尝试使用 Seadragon Ajax 和坐标系统，以便在我的网站上显示大分辨率的大图像。我想查看该图像的一部分，知道它们的坐标。问题是，当我缩放或拖动图像时，坐标不再对应于图像的同一部分。我尝试使用一些代码，但没有办法。我需要修复所有图像的坐标系统。我能做什么？谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半世蒼涼 2025-01-11 19:19:39

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

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

因此，如果您知道图像的尺寸为 500x500px，则点 1,1 = 500px,500px 并且0.5,0.5 = 250 像素,250 像素。

通过编写如下函数进行转换：

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;

Sure, no problem. You have to transform the "real" pixelbased coordinate to the seadragon point-coordinate.

"Seadragon Ajax uses a normalized coordinate system. The top-left of the image is always at the origin (0, 0) while the width of the image is always 1. The height of the image is dependant on the aspect ratio, so an image which is half as tall as it is wide will have a height of 0.5"

So, if you know that your image is 500x500px, then point 1,1 = 500px,500px and 0.5,0.5 = 250px,250px.

Convert by writing a function like this:

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;

回复收藏 0 原文

~没有更多了~