2

我第一次使用 OpenSeaDragon，我试图显示到控制台缩放级别和视口中心。

现在我知道了如何在点击时显示坐标（Openseadragon 图像坐标），但是我在缩放和居中时遇到了问题。通过查看 API 文档，我认为我需要使用方法 Viewport 的 getCenter 和 getZoom，但在语法上我迷路了。任何帮助将非常感激。谢谢！

所以在一些帮助之后，这是我最终用来获取点击坐标以及缩放和中心（在图像坐标中）的代码：

viewer.addHandler('canvas-click', function(target, info) {
    var viewportPoint = viewer.viewport.pointFromPixel(info.position);
    var imagePoint = viewer.viewport.viewportToImageCoordinates(viewportPoint.x, viewportPoint.y);
    console.log(imagePoint.x, imagePoint.y);
    console.log(viewer.viewport.getZoom());
    var viewportCenter = viewer.viewport.getCenter();
    var imageCenter = viewer.viewport.viewportToImageCoordinates(viewportCenter.x, viewportCenter.y);
    console.log(imageCenter.x, imageCenter.y);
});
4

1 回答 1

3

你在正确的轨道上。例如，如果您的查看器被调用viewer，您会这样做viewer.viewport.getZoom()。

视口有许多其他的坐标转换方法：

http://openseadragon.github.io/docs/symbols/OpenSeadragon.Viewport.html

...如果您需要，还有一个插件可以提供更多功能：

https://github.com/msalsbery/openseadragonimaginghelper

于 2013-11-18T22:12:47.847 回答