seadragon - 在 OpenSeadragon 上显示缩放和居中

Question

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

现在我发现了如何在点击时显示坐标( 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()例如。

视口(viewport)还有许多其他坐标转换方法:

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

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

https://github.com/msalsbery/openseadragonimaginghelper