问题标签 [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 投票
2 回答
899 浏览

openseadragon - openseadragon中如何控制多张图片的加载顺序

在我的情况下,我在查看器中加载了 10 张具有相同边界的图像。每个图像都一个接一个地排列。

我的意图是使用滑块(范围输入)控制每个图像的不透明度,滑块将对应的图像不透明度设置为 1,并让其他图像不透明度。这很好用。

这个想法是预加载图像并平滑地更改图像。

问题

所有图像在缩放或平移时同时加载,所以我想控制加载顺序并优先考虑可见图像然后加载下一个图像,依此类推。

我怎样才能做到这一点?我找不到任何方法来暂停瓷砖的加载。

谢谢你的帮助。

0 投票
2 回答
481 浏览

openseadragon - openseadragon:更新特定图块

我正在使用 openseadragon 来显示金字塔(DZI)。

高分辨率图像是在运行时构建的,我希望在高分辨率图像构建过程中更新 OSD 查看器。

为了实现这一点,我用空白图像(白色图像)初始化了 DZI hirarcy。然后,在构建高分辨率图像期间,我将空白图像替换为新图像(在服务器中)。

如何按需更新特定的图块?服务器可以将有关“raedy”(包含真实图像)的图块的信息发送回客户端。

0 投票
1 回答
167 浏览

javascript - 将 AngularJS 与 JavaScript 插件绑定

我正在尝试将 AngularJS 与 JavaScript 插件 - OpenSeaDragon 绑定,因为我必须对 OpenSeaDragon 的图像进行注释,并且我尝试了类似这样的操作

在控制器内部:

在我看来:

但我收到错误

0 投票
1 回答
567 浏览

ios - 缩放 SVG 超过未知阈值会导致元素消失

我正在使用带有出色svg 覆盖插件的 openseadragon 。

在 Chrome 上,该应用程序的行为符合预期:用户可以点击放大,直到以 SVG 呈现的表格完全可见,表格上的注释清晰可见。

这是演示的链接。缩小以查看表格的 SVG 版本,覆盖背景的模糊光栅版本。

在 iOS 或 OSX 上的 Safari 上,当缩放超过看似任意的阈值时,表格及其上的所有内容都开始消失。消失点似乎取决于我不了解的其他因素,因此这个问题需要洞察力。例如,使用 two.js 绘制的橙色圆圈会在比例变换正好为 51201 时消失(在 51200 处圆圈就在那里)。svg 变换属性的截图对于更复杂的表格 SVG,表格上的元素会以不同的比例消失,在 ~23000 到 50000 之间。有时它们会消失,然后在稍微放大后重新出现。有时它们会在缩放时消失,然后重新出现平移,靠近视口边缘的对象。

IE 11 有一个非常相似的问题。

有没有人处理过或解决过这个问题?

0 投票
1 回答
516 浏览

javascript - Openseadragon:如果单击覆盖,则防止画布单击

单击覆盖时如何防止画布单击?我为叠加绑定了动作,但首先触发了画布动作。

0 投票
1 回答
745 浏览

python - 压缩 Deep Zoom 图像文件

是否可以压缩 Deep Zoom Image 文件,非常类似于将平铺的 kml 文件压缩为 kmz?我有许多图像文件已平铺到 DZI 图像中,这会创建大量图像供操作系统处理。只需将一个 tiff 文件转换为包含 5,500 个项目的文件夹。我希望以某种方式压缩这个文件夹并让 Open Sea Dragon 打开它。我什至不确定这是否可能,但我想我会要求开始研究一个可管理的解决方案。

0 投票
1 回答
226 浏览

javascript - 更改javascript方法中的值

我是 JavaScript 新手,我无法解决这个问题。

我正在尝试创建一个 onclick 事件,该事件将在方法中切换一个值。我正在使用 OpenSeadragon,我目前将其设置为 onclick:

当我在 html 中按下按钮时,我需要 setOpacity(0) 在 0 和 1 之间切换。这将显示我在 OpenSeadragon 中设置的图层。该层反映在 .getItemAt(1) 中。这是带有代码的页面的链接:http ://web.stanford.edu/~cmalex/woel 。

这是完整的代码:

任何帮助是极大的赞赏!

0 投票
1 回答
300 浏览

javascript - Openseadraon 在后台下载

我正在尝试使用 openseadragon (OSD) 2.2.1 版下载完整尺寸的深度缩放图像。我的图像在服务器上,我可以使用 OSD 打开它们。我下载它们的步骤是:

  1. 使用将图像列表加载到正文中
  2. 使用复选框检查要下载的图像
  3. 点击“下载”按钮进行下载

下载功能具有以下功能:

  • 将图像列表加载到gridview中
  • 创建画布并附加到正文
  • 如果不存在则创建 OSD 查看器
  • 使用以下方法打开第一个检查的图像:viewer.open(tileSources)
  • 添加 OSD 处理程序“打开”以设置源的完整大小。
  • 绘制形状当前图像有它们
  • 添加 OSD 处理程序 ' tile-drawing ' 用于设置简单时间变量的值
  • 设置间隔以检查每 10 秒的变量更改。如果变量在最后 10 秒内没有变化,则表示所有图块都已绘制。
  • 如果所有图块都使用“File-Saver”库绘制下载图像

OSD 查看器源的全尺寸:

该站点的示例模型是: 小样

当浏览器的选项卡处于活动状态时,一切都下载正常(下载需要时间,但它正在完成它的工作)。问题是我试图在“后台”下载。当我转到不同的选项卡时,OSD 磁贴停止加载。当浏览器的选项卡未处于活动状态时,如何强制打开 OSD 并加载磁贴?有时,当每个浏览器会话的选项卡不活动时,它开始下载,但瓷砖根本不绘制。它下载空文件,因为查看器上没有图块。根本没有错误。

请给我一些想法。谢谢!

0 投票
0 回答
213 浏览

html - 如何在范围内平移 openseadragon mutli 图像查看器

我有一个多图像 openseadragon 查看器,其中每个平铺图像的坐标似乎是根据图像大小到容器查看器大小计算的。当用户单击特定图像时,我正在尝试使用 fitBounds 方法将图像调整到视口的中心。在这里,我传递了用户单击的图像的绑定矩形。这是完美的工作。现在我有一个要求,说面板放置在右侧,在查看器的顶部,我需要考虑到面板左侧的边界(查看器区域包括右侧面板下方的区域)。这意味着,虽然查看器需要占据全宽,但需要调整的图像应该只考虑查看器左侧到面板左侧之间的中心(不包括面板下方的区域)。我试着做 PanTo 但做不到 不明白如何计算多图像场景的中心。它似乎不准确。第 4 张图像的 x 坐标似乎为 4.9,我试图了解如何为可以平移的每个图像计算正确的坐标中心。有人可以指出我正确的方向吗?

0 投票
1 回答
239 浏览

javascript - adding div to openseadragon Toolbar is not working [Openseadragon]

when I add the tollbar(as in this example: http://openseadragon.github.io/examples/ui-toolbar/) properties I get an error Cannot read property 'appendChild' of null

I just want to add a div to the buttons to controlling their margin/padding