问题标签 [openseadragon]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
488 浏览

asp.net-mvc - OpenSeaDragon Zoom 只工作 3 个级别

DeepZoom 正在创建 12 个级别的图像。这里我的问题是当我点击放大时,它只能工作 3 次。我无法进行深度缩放。从 10 级到 12 级。是否可以创建更多 DeepZoom 图像或创建自定义代码以添加更多缩放?

0 投票
1 回答
971 浏览

jquery - 在 Openseadragon 中右键单击画布

画布右键单击是否可行?我需要右键单击吗?当我单击鼠标右键时,我需要显示一些弹出窗口。可能吗?那怎么办?

0 投票
1 回答
950 浏览

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

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

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

0 投票
1 回答
425 浏览

jquery - openseadragon 查看器中的滑块和线条

是否可以像这张图片一样添加线条和滑动 openseadragon 查看器?

在此处输入图像描述

0 投票
2 回答
765 浏览

javascript - DZI Openseadragon 和三个 js 球形图像

我已使用以下源代码(三个 js)将平面图像转换为球形图像。

此外,我已将高分辨率图像转换为深度缩放图像格式。所以目前我有一个包含处理(分割)图像和 dzi 格式文件(图像文件夹和 image.dzi 文件)的文件夹。

现在我需要集成 openseadragon 库以在缩放图像后获得更好的性能。这将在特定坐标中渲染文件夹中的平铺图像。

请给我一个建议,我们该如何做到这一点。

提前致谢。

0 投票
1 回答
713 浏览

openseadragon - 将 OpenSeaDragon Viewer Home 设置为图像的“顶部”

我正在使用 OSD 显示 PDF 中的几页。每一页都排成一排。

缩略图

我希望查看器从图像顶部开始,缩放以适应。我玩过各种设置,但似乎适用于三页的一张图像,不适用于另一张五页的图像。我可以用这个命令接近我想要的:

但老实说,我不太明白这意味着什么,我也不知道如何将其设置为“家”边界。我已经多次阅读文档,但这让我无法理解。

感谢任何指导!

0 投票
1 回答
635 浏览

javascript - OpenSeadragonselection:动态切换选择状态

我目前正在使用 OpenSeadragon 和选择插件 ( https://github.com/picturae/openseadragonselection ) 实现扫描页面的查看器,以使用户能够选择页面的一部分。

我添加了自定义控件,用于放大/缩小和切换是否可以选择,或者是否应该缩放图像。到目前为止,一切都很好。

但是我在我的代码中动态地改变了选择状态。

我按照以下方式初始化查看器:

正如我所料,这初始化了查看器,一切都很花哨。我可以单击 id="toggle-selection" 的元素来启用/禁用选择模式。

我想将 Angular ng-click 处理程序绑定到某个元素,以切换查看器的选择模式。但我不知道如何更改选项,然后让查看器实际更新状态。

0 投票
1 回答
725 浏览

node.js - 使用 require() 使用 OpenSeadragon 的示例

我是 OpenSeadragon 新手,我更愿意使用 npm 来安装它,而不是依赖下载的版本。

我在语法上遇到了一点麻烦,而且(到目前为止)没有多少谷歌搜索提出了一个例子。我认为它看起来像这样:

var viewer = require('openseadragon');

但是,特别是如何设置 prefixURL 选项?

有没有我没有找到的例子?

0 投票
2 回答
120 浏览

javascript - What is a JavaScript 'element' within the context of jQuery library OpenSeaDragon?

I'm using a pretty cool JavaScript/jQuery library called OpenSeaDragon. It's for displaying deep zoom images. It also have a method for adding 'overlays', essentially creating a div and putting it over the image with coordinates though a viewer object. There's also a method for removing the overlays: https://openseadragon.github.io/docs/OpenSeadragon.Viewer.html#removeOverlay

As the doc states regarding the input param: "A reference to the element or an element id which represent the ovelay content to be removed." I'm creating a whole bunch of overlays -- creating a grid out of rectangles -- so I've given them a class. Passing the class to this method doesn't work. So I'm trying to understand what they mean by "element". Is there a way I can use JQuery or JavaScript to select an "element" and pass it to the method? Or some such thing?

thanks

0 投票
0 回答
248 浏览

php - 打开seadragon imagetoViewport

我使用选择插件得到一个矩形:

我通过 H_AnnotationHandler.php 将矩形存储在 mysql 中。之后,当我尝试像这样使用这些数据时:

它创建了一个运行时覆盖划分,但左、上、高和宽似乎非常错误。(27094e+04 等)

注意:我确定,sql 数据是真实的。我在拍之前比较一下。