问题标签 [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.
python - 如何查看大图实时拼接?
我已经构建了一个代码,可以缝合大约 100X100 图像。我想实时查看这个缝合过程。我正在使用 pyvips 创建大图像。我将最终图像保存为 .DZI 格式,因为它会占用更少的内存来显示。复制以下代码仅用于测试目的https://github.com/jcupitt/pyvips/issues/43。
要运行此代码:
这里cp ~/pics/k2.jpg
将从 pics 文件夹中复制 k2.jpg 图像 1600 次,因此请根据您的图像名称和位置进行更改。
我想实时显示这个过程。现在,在创建最终的马赛克图像后,我可以显示了。只是一个想法,我正在考虑制作大图像并显示它,然后插入较小的图像。我不知道,它是怎么做到的。我很困惑,因为我们还必须制作金字塔结构。所以如果我们首先创建大图像,我们必须用新图像替换每个级别的图像。创建 .DZI 图像很昂贵,所以我不想在每个运行循环中都创建它。替换图像可能是一种解决方案。大家有什么建议吗??
javascript - 使用 Openseadragon 在大图像上使用 IE 11/Edge 得到“IndexSizeError”
我正在使用 Openseadragon 显示大图像,其中一些图像在 IE 11 和 Edge 中出现“SCRIPT5022:IndexSizeError”错误消息。
它适用于小图像(1024 x 656 像素),但不适用于任何较大的图像(例如 2981 x 4123)。任何其他浏览器在所有情况下都可以正常工作。
我正在使用 'legacy-image-pyramid' 类型的源。
我的 Openseadragon 配置:
大图源代码(失败):
小图源代码(作品):
我发现了这个问题(https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16192680/和IE 上 drawImage 上的 IndexSizeError 和带有 IE11/Edge 的 Edge (显然在最新版本的 Edge 中得到修复) ) 如果 drawImage 参数错误,但 OpenSeadragon 的值很好。(并且适用于小图像,所以它应该适用于任何图像?)。
我尝试了另一种源类型(图像平铺源),但同样的错误。
如果我禁用画布并改用 img(在选项中使用 useCanvas: false),它会起作用,但这对我来说不是解决方案(它破坏了我的查看器实现)。
javascript - 更好地理解 Ext.tab.Panel 并明确设置 html
我想使用第三方图像库,该库需要使用用于相应 div id 的字符串值进行实例化。有了这个,我希望Ext.tab.Panel
能够在第三方图像库的每个实例化实例之间切换。我正在努力在每个选项卡的容器上设置 div 的 id。
例如:
然后在MainView
控制器中,我监听事件并使用名称和onBoxReady
实例化第三方图像库的每个实例(与选项卡容器的 div id 相同)。instance1
instance2
第三方图片库实例化很好,但是图片不显示。当我检查每个选项卡的相应容器时,div id 不是我在上面设置的。
IE:
有人对如何设置每个选项卡容器的 div id 有任何想法吗?
谢谢您的帮助!
python - 使用数据库平铺大量图像
我在需要连接的所有图像的 numpy 数组中有坐标。我使用 OpenCV 使用归一化互相关来查找坐标。我在平铺这些图像时遇到问题,因为它是分辨率为 640X480 像素的非常大的 300X300 图像。目前,我正在使用 pyvips 合并所有这些图像以形成高分辨率图像,但它正在谈论大约 20GB 的 RAM。
有什么方法可以将它降低到<4GB?是否有任何数据库来存储所有图像并显示平铺图像?
我将在使用数据库之前完成所有预处理步骤。我只需要使用图像和坐标的高分辨率平铺图像,而无需使用太多 RAM。甚至我也可以在网格中制作这些图像,无需坐标即可直接连接。请提出一种方法来实现这一点。
javascript - 如何在 ReactOpenSeadragon 中添加多个图块图像
这是我正在尝试的代码但它不起作用
javascript - 如何使用鼠标中轮按钮拖动 Openseadragon 画布
我正在使用带有 fabricjs 覆盖的 Openseadragon 库。我有一种情况,我想拖动画布,而不是鼠标主按钮,我想用鼠标中键拖动它。谁能帮我得到想要的行为?
javascript - Openseadragon 简单图像
我正在尝试使用exist-db和openseadragon构建一些东西:
我的文件结构可以在链接中找到。 点击这里 里面,我有相应的文件。现在,我想在 show.html 中使用带有 openseadragon 的简单图像(位于页面中。因为我所有的 html 文件都存储在该文件夹中。)
我的 show.html 看起来像这样:
var viewer = OpenSeadragon({ id: "seadragon-viewer", tpye: "image", url: "/data/images/Page0001.JPG" });这就是我得到的。带有导航切换的空 openseadragon-div。
我首先以为我弄乱了 URL,并在其中添加了“../”(或任何其他位置),但无济于事。谁能指出我正确的方向?
在我显示 Page0001.JPG 之后,我将从我拥有的 18 张图片中制作一个序列(并将 openseadragon-viewer 同步到包含随附文本的 div)
这只是第一步,我想我以后会去买天珠。但是,我现在只有蹩脚的照片,我必须拍更好的照片,所以为什么不在我添加最终照片之前先做一个“概念”(+我想学习一些东西!)
提前致谢!
javascript - Fabric getPointer 方法在 Firefox 中不起作用
我有一个带覆盖层的Openseadragon
画布。Fabricjs
我在用户点击画布的任何地方添加一个矩形。它在 MS Edge 和 Google Chrome 中运行良好,但在 Firefox 中会event is undefined
出错。这是 plunker:
FabricJs Plunker
android - 移动设备中的 OpenSeaDragon FullScreenMode
我正在使用 OpenSeaDragon 在我的网站上显示图像。使用桌面浏览器一切正常。同样在设备模式下使用来自 chrome 的 DevTools。但是当我切换到真正的移动设备时,我无法切换到全屏模式。
视图尝试扩展,按钮滑到顶部,但立即取消。
我已经构建了一个带有 webview 的小型 Android 应用程序来访问该网站。
我什至不知道这是 Android 问题还是 OpenSeaDragon 问题。任何我应该检查的提示都可能会有所帮助。
提前致谢
openseadragon - 最新的库版本显示图像边框
在这个 codepen中,如果在 MacOS 上使用 Firefox 64.0.2(64 位)打开,您会看到每个图像图块都有一个边框。如果库“2.4.0”被“2.3.1”替换,那么问题就会消失。
如何解决这个问题?