Openseadragon 图像坐标

Question

我正在使用 openseadragon 做一个项目，看看下面的例子。 一个示例 openseadragon 图像

在Onclick方法中想要找到图像的坐标（px，py）。有什么方法吗？？请帮助这是第一个 openseadragon 项目。

谢谢

Answer 1

当您点击时，它将位于窗口像素坐标中。然后，您可以将其转换为视口坐标（从左侧的 0.0 到右侧的 1.0）。然后，您可以将这些转换为图像坐标。这是它的整体外观：

viewer.addHandler('canvas-click', function(event) {
  var viewportPoint = viewer.viewport.pointFromPixel(event.position);
  var imagePoint = viewer.viewport.viewportToImageCoordinates(viewportPoint.x, viewportPoint.y);
  console.log(imagePoint.x, imagePoint.y);
});

有关坐标系的更多信息，请参阅：http : //openseadragon.github.io/examples/viewport-coordinates/