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

seadragon - Openseadragon 图像坐标

我正在使用 openseadragon 做一个项目,看看下面的例子。 一个示例 openseadragon 图像

在 Onclick 方法中想要找到图像的坐标(px,py)。有什么方法吗?请帮助这是我的第一个 openseadragon 项目。

谢谢

0 投票
1 回答
2940 浏览

seadragon - 在 OpenSeadragon 上显示缩放和居中

我第一次使用 OpenSeaDragon,我试图显示到控制台缩放级别和视口中心。

现在我知道了如何在点击时显示坐标(Openseadragon 图像坐标),但是我在缩放和居中时遇到了问题。通过查看 API 文档,我认为我需要使用方法 Viewport 的 getCenter 和 getZoom,但在语法上我迷路了。任何帮助将非常感激。谢谢!


所以在一些帮助之后,这是我最终用来获取点击坐标以及缩放和中心(在图像坐标中)的代码:

0 投票
2 回答
1488 浏览

javascript - 我可以减慢 OpenSeaDragon 平移/缩放动画吗?

OpenSeaDragon 很棒。

如果我使用 Viewport#fitBounds JS 方法移动到具有默认参数的新矩形,它会“动画”当前视图和新请求边界之间的过渡。

有没有办法控制这个动画的速度?我想放慢速度,因此从当前视图移动到请求的边界需要更长的时间,以便更悠闲地游览。

0 投票
2 回答
1210 浏览

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() 函数,但我真的不明白如何实现它,我不确定这是否能解决我的问题。

0 投票
1 回答
366 浏览

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 如下所示:

0 投票
2 回答
670 浏览

ajax - Openseadragon 使用 XML 文档变量而不是 URL?

使用直接 XML 数据打开 SeaDragon 查看器的正确方法是什么?我需要知道我在这里做错了什么。我有一堆托管在需要显示的另一个域上的 DZI 图像,但我无法使用适当的 URL 进行简单的 OpenSeadragon() 调用,因为图像所在的域没有“访问控制允许-起源”标题。因此,我设置了一个代理控制器来检索 XML 数据并将其传递回我的网页。但是,我无法使用 XML 数据加载图像。

我一直在使用工作图像(来自不同的网站)来测试问题并弄清楚我需要做什么。当我使用以下代码时,图像显示:

现在,我正在尝试通过检索 XML 并在我的 OpenSeadragon 调用中使用 XML,以使用代理控制器的方式显示图像:

我得到一个空白图像,我的控制台说每个图块都无法加载。我还尝试将 xml 作为字符串直接粘贴到 tileSources 字段中,如下所示:

但这也不起作用。

我在这里做错了什么?

0 投票
1 回答
1093 浏览

image - Openseadragon: Adding options to download and print images?

I'm using openseadragon to display deep zoom images, and my client wants there to be a button to download the image and a button to print the image, in addition to the regular nav items. There are no premade buttons for these functions in openseadragon, so I need to create the buttons manually. I have no idea how to do this, can anyone help me?

I need to: (1) Add new buttons to the viewer nav (2) Create functions to download and print the current image.

0 投票
1 回答
1022 浏览

javascript - OpenSeadragon 动态图像

我想为 OpenSeadragon 创建一个 tilesource,以渲染玩家的游戏视图。世界有坐标(x,y),玩家在一个特定的坐标上,有一个视野范围。

我想要的是为 OpenSeadragon 创建一个 tilesource,它可以显示整个视图。在最大缩放时,1 个图块 = 1 个坐标。所以我有几个问题:如何计算玩家视野范围的最大缩放级别?我如何知道我必须在 OpenSeadragon (x, y, level) 请求的图块中渲染的世界位置?

谢谢 :)

0 投票
0 回答
398 浏览

ajax - OpenSeaDragon 2:对图像在集合中的位置进行编程控制

我正在尝试从 Silverlight 迁移到 OpenSeaDragon (PivotViewer),但到目前为止,我还没有找到如何以编程方式控制我的图像集中每个图像的位置,这样它就不仅仅是一个矩形阵列图片的。也许,稀疏图像?或者也许只需要以​​某种方式将 x 和 y 坐标添加到集合的 *cxml 文件中?你能指出我正确的方向吗?

感谢您的时间。

0 投票
1 回答
524 浏览

deepzoom - 自定义 TileSource 无法正常加载初始级别图像

我正在尝试制作自定义瓷砖源,我从这里简单地复制粘贴代码:https ://openseadragon.github.io/examples/tilesource-custom/ 但我可以看到这里的输出:http://screencast .com/t/j7Qvh4URsX

以及此处的图像相关输出.. http://screencast.com/t/nPSGdRRbkn

这里的问题是:

1)正确加载图像的正确方法是什么..我看不到有很多文档。如果有任何具体信息,请提供给我..

2)为什么有(8级)......?

3)我怎样才能使它动态化..例如,如果我想使用asp.net mvc通过ajax调用从我的PC相关文件夹动态加载图像..有没有例子......

4)我已经阅读了很多关于自定义平铺源以加载图像以在演示页面上显示输出的但不准确的信息......

我目前正在使用以下代码,稍后将基于 ajax 调用加载本地文件夹 - level0、1、2、3、4、5、6 等