在 OpenSeadragon 上显示缩放和居中

Question

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

现在我知道了如何在点击时显示坐标 (Openseadragon image cordinates)，但我在缩放和居中时遇到了问题。通过查看 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);
});

Answer 1

你在正确的轨道上。例如，如果您的查看器名为 viewer，您将使用 viewer.viewport.getZoom()。

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

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

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

https://github.com/msalsbery/openseadragonimaginghelper