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

Question

我正在尝试在 1) 生成各种事件(滚动、点击等)的定制 UI 设备和 2) OpenSeadragon 查看器之间实现一个接口(interface)，以便可以使用外部设备来导航图像.设备发送可以在浏览器(当然是 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