javascript - 使用自定义用户界面设备连接到 OpenSeadragon

Question

我正在尝试在 1) 生成各种事件（滚动、单击等）的定制 UI 设备和 2) OpenSeadragon 查看器之间实现接口，以便可以使用外部设备导航图像。设备发送可以在浏览器中检测到的事件（当然是 JavaScript）。在线文档显示了如何拦截鼠标/键盘事件以提供自定义处理，但我没有看到一种明显的方式来以编程方式触发我想要的行为（缩放、滚动），而不是直接通过标准 UI 系统（鼠标、键盘）。

我的问题是，挂钩到 OpenSeadragon 查看器以触发滚动或缩放行为的正确方法是什么？

Answer 1

你可以使用viewport.panBy和viewport.zoomBy方法。见： http: //openseadragon.github.io/docs/OpenSeadragon.Viewport.html

var viewer = new OpenSeadragon({...});

viewer.addHandler("open", function() {
    viewer.viewport.panBy(...);
    viewer.viewport.zoomBy(1.1);
});

放大的默认值为 1.1，缩小的默认值为 0.9。对于平底锅，您可能需要查看此功能：https ://github.com/openseadragon/openseadragon/blob/master/src/viewer.js#L2398