问题标签 [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 回答
234 浏览

javascript - 初始化后是否可以更改 OpenSeaDragon 平移选项

我正在构建一个包含 OpenSeaDragon 的响应式图像查看器,它需要不同屏幕宽度下的不同平移行为。在狭窄的宽度不应允许平移,但当窗口较宽时,应激活平移。

一个简化的例子如下:

假设窗口相当宽,那么初始化期间的平移选项将是:

OpenSeaDragon({ panHorizontal: true, panVertical: true, ... });

(我知道这些是默认值,但为了清楚起见,将它们包括在此处。)

然后我可以检测是否应该matchMedia在窗口调整大小事件处理程序中激活/停用平移,例如:

我的问题是,是否可以稍后更改初始化 OpenSeaDragin 时提供的平移约束选项,而无需重新初始化查看器?如果做不到这一点,是否有不同的方法可以获得相同的效果?我已经深入研究了 OpenSeaDragon 文档和代码,但我看不到这样做的方法。

0 投票
1 回答
92 浏览

javascript - openseadragon 在运行时更新属性 showReferenceStrip

我想要一个用于ReferenceStrip的切换按钮(属性:showReferenceStrip)。即使变量在运行时更新,它也不会在视觉上更新。有什么方法可以更新吗?

0 投票
1 回答
1282 浏览

zooming - 超大尺寸图像的深度缩放平铺生成

我需要为大小为 50,000 x 50,000 像素的图像生成深度缩放图块。我尝试使用深度缩放作曲家软件,但它一直在加载文件而没有任何成功。请帮助我如何为如此大的图像生成深度缩放图块。谢谢

0 投票
1 回答
427 浏览

javascript - openseadragon 添加点击事件 nextButton previousButton

我想在 nextButton 和 previousButton 中添加一个 click EventListener 并获取当前图像(通过 进行viewer.source.getTileUrl())。

但是,我收到TypeError: viewer.source is null. 但它适用于getUrlBtn.addEventListener("click"[...]

我对按钮上的 addHandler click 事件做错了什么?

0 投票
1 回答
533 浏览

openseadragon - 将单个 jpg 文件加载到 openseadragon 会显示多个图块

使用https://openseadragon.github.io/examples/tilesource-image/中的示例中的“图像”类型 加载大型jpg 文件 会在视口上显示多个重复的图块。缺少配置设置?

原始图像复制成 4 个图块

[新] 经过更多尝试,不是当 jpg 文件很大时,而是当 jpg 文件实际上很小时,它会被复制到多个图块中。

0 投票
0 回答
81 浏览

openseadragon - Seadragon(seajax) 搜索后打开特定的过滤器框

在我的网站中,我使用 seajax 枢轴查看器查看大量图像。因此,为了不要无休止地搜索我需要的图片,我通常使用视图中的搜索框来过滤我收藏的特定属性。现在,当我按 Enter 键时,它可以完美运行并过滤我的收藏。但是,我可能多个属性具有相同的值,因此为了进一步过滤我的搜索,我使用搜索框下方的过滤器。这也很好用。

现在我的问题是:是否可以在我按 Enter 后打开这样的过滤器框,以便显示某个属性的特定值?

我已经看过它,并且我相信我需要在枢轴查看器 js 中执行此操作,但是我找不到正确的方法来执行此操作。我在stackoverflow上找不到任何关于它的信息。

先感谢您。

0 投票
2 回答
1712 浏览

javascript - 2 个不同的域或子域 CORS 问题没有“Access-Control-Allow-Origin”

关于“Access-Control-Allow-Origin”的主题很多,但我找不到一个针对 Openseadragon 的子域名。我的网站是example.domain.com ,试图从anotherexampple.domain.com打开DZI ,但出现错误:

XMLHttpRequest 无法加载另一个example.domain.com/123.dzi。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问源“ example.domain.com ”。

两个网站都使用相同的协议HTTPS,服务器是IIS

example.domain.com的服务器设置为:

访问控制允许来源:*

另一个example.domain.com的服务器设置为:

访问控制允许来源:*.domain.com

此外,openseadragon 有设置:

有人可以告诉我如何解决具有不同子域的同一域的 CORS 问题吗?提前致谢。

0 投票
1 回答
74 浏览

openseadragon - 参考错误:$ 未定义 - 加载 DZI xml 文件时 -OpenSeaDragon

以下是 iam 用于加载和显示 DZI xml 文件的代码片段。我收到参考错误:$ 未定义。

请让我知道我需要纠正什么。我正在使用最新的 OpenSeaDragon 版本 2.3.0在此处输入图像描述

0 投票
2 回答
1731 浏览

javascript - 如何将javascript文件导入angular4项目并在组件内使用它的功能?

我正在尝试导入openseadragon.min.js文件index.html 并使用它的功能,如下所示,

但它像OpenSeadragonis一样抛出错误undefined

任何解决方案将不胜感激,谢谢

0 投票
2 回答
172 浏览

javascript - 如果我对父 div 使用 IF 条件,openseadragon 会抛出错误

我正在我的 angular4 项目中实现 openseadragon,

如果我像下面这样使用它不起作用并抛出错误 **Cannot read property 'appendChild' of null,

但是如果我在我的 IF 条件下直接使用 true 那么它工作得很好,

无法解决这个问题,任何帮助将不胜感激。