问题标签 [seadragon]
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.
zooming - Deep Zoom Image - 命令行工具?或批量转换
我正在寻找某种命令行工具,使用它我可以创建一个应用程序来将输入图像转换为深度缩放图像。
我有大约 500 张图片。我使用 Deep Zoom Composer 一次生成一个 Deep Zoom Image[DZI] 内容。正在寻找一种更好的方法来处理多个图像。
看起来 Deep Zoom 安装文件夹中有一个工具 SparseImageTool.exe 不再可用。
javascript - 获取第一个孩子的 onclick 并传递给函数
我正在使用 Seadragon Viewer 作为图片库。我想在页面准备好时打开第一张图片。编码:
现在我只是传递dzi
给viewer.openDzi(dzi)
,我需要首先单击图像以显示它。我怎样才能通过第dzi
一个a
?感谢帮助!
更新:我正在使用 jquery-1.7.1。
javascript - 同步 Seadragon Ajax 图像
我需要同步多个 Seadragon 图像。
我从 Beck Johnson 那里找到了这篇关于深度缩放 Seadragon 图像同步的帖子。他说他这样做的方式是:“每个 Seadragon.Viewer 都被打开,然后隐藏在一个数组中......”
但是, otherViewer var 返回未定义。
tile - 如何在 openseadragon 中使用 Zoomify 平铺源?
我试图弄清楚如何在 openseadragon 项目中使用使用 Photoshop 的 Zoomify 输出生成的图块。我认为我需要使用自定义平铺源来执行此操作,但 Zoomify 使用的文件夹结构和文件命名约定相当令人费解,所以我想知道是否有人以前这样做过。
我需要在自定义磁贴源中配置 getTileUrl 函数,以便确定每个磁贴的缩放级别、行和列。我以前使用过深度缩放作曲家生成的图块,没有问题(并且不需要自定义图块源),但我现在使用的图像太大而无法实用,例如 15 - 25Gig。
openseadragon 文档中的示例是
但是 zoomify 文件夹结构是: ouput_folder > TileGroup179 > 10-100-44.jpg 10-102-44.jpg TileGroup18 > 8-0-24.jpg 8-1-24.jpg 8-10-24.jpg .. .TileGroup180 >
对此的任何帮助将不胜感激,在此先感谢。
javascript - 拖放整个画布并显示画布的新区域
有没有人尝试使用拖放方法移动整个画布?
我的意思是像开放的海龙
我正在开发一个在线游戏,但我的建筑物不适合 1000 x 700 像素的屏幕,所以我需要一个画布;
画布应该以某种方式在另一个区域内创建,并且整个画布应该是可拖动的,以便整个村庄都可用;
我需要使用 3 x 3 屏幕的矩阵,即 9 个全高清屏幕,以便存储和渲染整个村庄的地面和建筑物,这就是我需要可拖动画布的原因;
deepzoom - OpenSeadragon 动态更改集合中的图像
我有一系列 DZI 图像(一本扫描的书),我想在 OpenSeadragon 中显示。如果我使用 collectionMode,我可以设置 OpenSeadragon 在一页上显示两个图像。但是我可以动态地将这些图像更改为其他图像吗?
我的目标是显示偶数页和奇数页,一次显示两个,但可以使用它们的顺序模式来翻书。
如果有人知道其他具有类似目标的项目,我也将不胜感激(在我看来这是一个非常明显的需求,但我还没有找到任何项目在这方面工作)?
/哈斯
javascript - 我可以减慢 OpenSeaDragon 平移/缩放动画吗?
OpenSeaDragon 很棒。
如果我使用 Viewport#fitBounds JS 方法移动到具有默认参数的新矩形,它会“动画”当前视图和新请求边界之间的过渡。
有没有办法控制这个动画的速度?我想放慢速度,因此从当前视图移动到请求的边界需要更长的时间,以便更悠闲地游览。
javascript - OpenSeadragon 跨域 Ajax 请求
TL;DR:如何使用 OpenSeadragon 发出跨域 AJAX 请求?
我正在使用 OpenSeadragon 显示来自网站的图像。我的 Seadragon 查看器使用如下测试 URL:
所以我知道我的观众正在工作。我的问题是我需要的特定图像托管在没有“Access-Control-Allow-Origin”标头的站点上,因此我的 Ajax 请求被阻止。例如,当我使用此 URL 时:
(我可以在我的浏览器中访问它,当我在其中输入它时会下载一个 xml 文件),我在查看器中收到“No Access-Control-Origin-Header”错误和此错误:
我知道跨域请求,但是作为 OpenSeadragon 的新手,我不确定如何在我的 OpenSeadragon 函数中创建跨域请求。我知道 OpenSeadragon 有一个 CreateAJAXRequest() 函数,但我真的不明白如何实现它,我不确定这是否能解决我的问题。
c# - OpenSeadragon:使用代理获取 XML 数据导致瓦片无法加载
我有一个使用 OpenSeadragon 来显示深度缩放图像的站点。我让它处理一些测试图像,但我需要的图像位于一个域上,由于安全问题(没有“Access-Control-Allow-Origin”标头),我无法从我的网页访问。作为记录,托管 DZI 图像的页面归我的公司所有,但由于它是 Amazon S3 站点,我无法将标题添加到该站点,因为 Amazon 不提供该功能。
我创建了一个代理控制器,控制器成功地获取了它需要的 XML 数据。这是我的控制器代码:
控制器正确返回 XML 数据。例如,当我访问http://mysite.mvc/api/test?bucket=66&guid=e41de95d-6235-4581-b823-4887b50eb8ad时,我得到一个包含正确外观的 XML 数据的页面。我还在 DHC chrome 扩展上对此进行了测试。
在我的网页上,我对代理控制器进行 Ajax 调用,并使用返回的 XML 打开 Seadragon:
我的 Ajax 成功函数中的警报显示了我期望的 XML。但是,在我的 Seadragon 查看器中,瓷砖不显示(但查看器是打开的,并且导航按钮在那里)。在我的控制台中,我有这样的回应:
对于图像中的每个图块。我怀疑这是因为我的 Seadragon 查看器是用静态 XML 打开的,而该静态 XML 实际上并没有链接到它来自的网页,但我不知道该怎么做。我可以做些什么来修复它,还是我的代理控制器根本无法工作?如果它不起作用,我还能做些什么来显示这些图像?
编辑:我的另一个想法是,也许 tilesources 没有加载,因为数据是作为字符串而不是作为 XML 文档传入的?
我也试过这个而不是 OpenSeadragon()
但在我的 Seadragon 查看器中出现 400 错误请求错误。
我还尝试使用 data.substring(38) 切掉 XML 的标题,但同样的错误。我的 XML 如下所示:
ajax - Openseadragon 使用 XML 文档变量而不是 URL?
使用直接 XML 数据打开 SeaDragon 查看器的正确方法是什么?我需要知道我在这里做错了什么。我有一堆托管在需要显示的另一个域上的 DZI 图像,但我无法使用适当的 URL 进行简单的 OpenSeadragon() 调用,因为图像所在的域没有“访问控制允许-起源”标题。因此,我设置了一个代理控制器来检索 XML 数据并将其传递回我的网页。但是,我无法使用 XML 数据加载图像。
我一直在使用工作图像(来自不同的网站)来测试问题并弄清楚我需要做什么。当我使用以下代码时,图像显示:
现在,我正在尝试通过检索 XML 并在我的 OpenSeadragon 调用中使用 XML,以使用代理控制器的方式显示图像:
我得到一个空白图像,我的控制台说每个图块都无法加载。我还尝试将 xml 作为字符串直接粘贴到 tileSources 字段中,如下所示:
但这也不起作用。
我在这里做错了什么?