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()。

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

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

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

https://github.com/msalsbery/openseadragonimaginghelper

在OpenSeadragon上显示缩放和中心

1 个答案: