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

javascript - 为 Openseadragon 添加注解

我可以实时添加注释:http: //annotorious.github.io/demos/openseadragon-preview.html

用户添加注释后,我存储在我的数据库中。当用户刷新页面时,我正在使用 ajax 调用(H_AnnotationHandler.php)从数据库中加载保存的数据。返回数据是真的,但我无法在 jpeg2000 图像上绘制注释anno.addAnnotation,我该如何绘制它?

参考:添加注解API

0 投票
1 回答
422 浏览

openseadragon - OpenSeaDragon 清除切片缓存

请帮我。如何清除切片缓存。我正在使用 customTilesSource 并“即时”更改图像的参数,并且需要重绘查看器。

通过 TileCache 中的 API,没有直接清除所有缓存的方法。对于使用 clearTilesFor(tiledImage) 我需要知道 tiledImage,但我不知道如何获取 tiledImage

0 投票
1 回答
110 浏览

javascript - 将监听器添加到 Zoomin OpenSeaDragon

有没有办法在OpenSeaDragon的 ZoomIn 按钮上添加一个监听器?我不确定我的 ZoomIn 按钮是否被点击,所以我想用监听器拦截点击。

我查看了 API,但它似乎没有显示事件侦听器列表。

0 投票
0 回答
93 浏览

javascript - 在 OpenSeaDragon 中将图像缩放一级时,将默认的 2 倍图块大小更改为 3 倍图块大小

默认情况下,每个级别的缩放都会使图块的宽度和高度加倍。有没有办法改变这种行为?

目前:

有没有办法改变这个默认行为:

不是 1 个瓦片变成 4 个瓦片的大小,而是 1 个瓦片可以变成 9 个瓦片的大小,每个缩放步骤?

0 投票
0 回答
481 浏览

javascript - 打开Seadragon选择

将选择插件添加到我的 OpenSeadragon 项目中,它已经与基本功能配合得很好,我确实启动了它,但是更改所选区域的大小出现了问题。是这样显示的:-

在此处输入图像描述

这是我为启动它所做的。

如何解决?

0 投票
3 回答
509 浏览

javascript - HTML的“onload()”是否与加载javascript的延迟冲突?

问题是,我将 Annotorious 添加到我的 openSeadragon 项目中。 http://annotorious.github.io/demos/openseadragon-preview.html 开始这个插件,以下是选项。

这是问题所在,我使用这些来延迟在查看器块上加载 javascript。

一旦我添加 onload="init();" 到我的代码。查看器将无法运行。

这两者之间有冲突吗?如果是这样,如何解决?

0 投票
2 回答
1148 浏览

d3.js - openseadragon svg 覆盖 - 可点击区域太大

我正在处理一个带有覆盖(覆盖数组?)的 OpenSeaDragon 图像,该图像具有大约 500 个可点击的 svg 矩形元素,使用 Overlay.onclick() 函数实现

可点击区域的边界矩形各不相同,但总是比可见矩形大得多,并且通常也覆盖相邻的矩形。我试过弄乱边距、边框和填充无济于事。此图像显示了一个示例,显示了差异。实际显示的矩形与可见文本框的尺寸相同,而可点击区域是整个突出显示的矩形。

似乎没有太多可预测性 - 可点击区域以明显随机的方式变化,但总是大于正确的大小,在两个方向上最多大约两倍。如图所示,它并不总是居中 - 我不确定它是否总是居中。放大和缩小图像时,比例保持不变。

我是 JS 的新手,这涉及到很多组件,包括 D3 和 OSD 套件,我不知道从哪里开始。任何建议,将不胜感激!

从 openseadragon 截取的截图

作为参考,这里是从数组生成框的代码。这是改编自一个矩形示例,我不知道这是否是一个好方法。(我希望盒子的内部完全透明,除非将鼠标悬停在它上面,但这是另一个问题......)

0 投票
1 回答
250 浏览

image-processing - Deepzoom 图像:启动图像质量

我正在使用 OpenSeadragon 和深度缩放图像实现可缩放图像查看器。我使用 VIPS 命令行工具来创建 DZI 文件。我的问题是,用于创建 DZI 文件的原始图像是否需要满足特定要求才能使其可缩放?(如格式、大小等)如果将普通的 .jpg 图像转换为 DZI,则图像似乎无法缩放。这个对吗?

0 投票
0 回答
535 浏览

javascript - Annotorious 和 Openseadragon

我正在开发一个使用 openseadragon 获取图像的项目。我想对注释使用 annotorious,但我坚持集成 annotorious JavaScript Api。下载的测试文件夹下提供的示例不起作用。任何人都可以帮助我将 annotorious 集成到我的项目中,例如我应该导入哪些 js 文件?我按照示例使用了 anno.makeAnnotable() 和 anno.activeSelector() 方法,但它在控制台中显示 anno not defined 和 goog not defined 错误

0 投票
1 回答
446 浏览

seadragon - Openseadragon 图像拖到多画布上

我们有一个在 openseadragon 上编码的查看器。它具有放大缩小主页和旋转功能。我们还在此查看器上添加了一些自定义透明画布,以便在该图片上绘制一些形状。它们工作正常,但我们无法拖动这些图片,也无法在这些多画布上获取该图片的 div 坐标。

我们如何在这个多画布上实现鼠标移动或单击并拖动事件。

感谢大家的帮助。

这里的示例代码: