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

javascript - 如何导入 js 文件并在 Angular 库中使用(不在项目中)

我正在 angular4 库中开发图像缩放,我需要将 openseadragon js 文件导入到我的库中。

如果它是 Angular 项目,那么我可以简单地将 cdn 添加到 index.html,但是在库中我如何导入 js 文件。

我以以下方式尝试使用 angular-cli.json 文件,但没有成功。

任何解决方案将不胜感激..

0 投票
1 回答
738 浏览

image - 旋转 Openseadragon 图像时 Fabric Canvas 改变位置


我在 OpenSeadragon(osd) 之上使用 Fabric.js Canvas。我正在尝试在 osd 图像之上创建一个指南针/旋转器小部件,它将旋转 osd 图像。它应该随 osd 图像缩放和平移,但不应随 osd 图像旋转。

当我使用时,事情变得越来越整洁

Osd 图像会旋转,但 Fabric 画布对象的位置也会随之变化,即使我已将对象设置在图像的中心。这是codePen链接

0 投票
1 回答
602 浏览

image - openseadragon 获取选择数据url/blob

我从 openSeadragonSelection 检索一个矩形:

观众:

由 onSelection 调整:

我不知道如何从我的查看器实例中通过 rect 获取画布。

一个自行实现的 imageViewer 返回所选区域的画布。所以我可以获取 blob 并将其发布到服务器:

如何通过 rect 获取查看器的图像。旋转也应考虑在内。

@iangilman

非常感谢您的建议。我创建了另一个我裁剪的画布,然后将其放回查看器中。我不确定您的库是否支持类似的东西:

还没有考虑轮换。

0 投票
2 回答
2346 浏览

angular - 如何在openseadragon中显示原始图像大小?

我正在尝试在我的 angular4 应用程序中实现 openseadragon 缩放插件。

一切正常,但我无法显示原始图像大小,openseadragon 限制图像大小并将图像设置在中心,如果我使用如下所示,

如果我使用homeFillsViewer : true然后图像适合 div 但图像不像裁剪图像那样正确。

我想显示图像的原始大小。

任何解决方案都会有所帮助,在此先感谢您。

0 投票
1 回答
583 浏览

angular - 如何在openseadragon中将图像重置为默认大小

我在弹出滑块上的 angular4 中实现 openseadragon 插件,在弹出窗口关闭时(或在转到下一个图像时)如果当前图像被缩放,我必须将当前图像调整为默认大小(类似于回家按钮)。

任何建议都会有所帮助。

0 投票
0 回答
171 浏览

angular - 如何在 openseadragon NAVIGATOR 中使用 img 标签而不是 canvas 标签?

如何在 openseadragon NAVIGATOR中使用img标签而不是canvas标签?

使用 useCanvas: false 查看器中的主画布标签被 img 标签替换,但如何在导航器中执行相同操作(需要在导航器中用 img 替换画布)。

任何建议都会有所帮助

0 投票
0 回答
129 浏览

javascript - OpenSeadragon 导航器

我有一个包含纸张的主窗口,使用 openseadragon 我有一个导航器,以便查看缩放当前视图的状态,如图所示。

在这张图片中,我在左下角有导航器,它有红色矩形,现在的问题是当更改主窗口中的视图时,红色矩形的一部分消失,在某些情况下,所有红色矩形都消失了。

我尝试了很多方法,但框架 seadragon 覆盖了我的更改。

openseadragon 框架中是否有任何方法可以将最大位置设置为矩形?

0 投票
0 回答
104 浏览

firefox - openseadragon 后台请求的接受头

在关联数据上下文中,我将我的 openseadragon 客户端指向将响应 303 重定向的资源。如果 OSD 的请求有一个标头“Accept: image/*”(几乎所有的 '*'),重定向将指向一个 jpeg,一切都很好。这是它在谷歌浏览器中的工作方式。

但是,在 Firefox 中,请求似乎以某种方式具有标头“Accept: */*”。至少这就是我解释 Firefox 开发者工具网络面板输出的方式。这导致最后的资源重定向到一个 html 页面,当然,OSD 不能呈现为图像。

这怎么可能发生?

我在网页中嵌入 OSD 的方式是这样的:

请注意,如果我启用ajaxHeaders: {'Accept: image/jpeg'},当前已注释掉的,我会得到一个 Accept 标头,但它包含各种文本/hmtl;应用程序/xhtml 等。

0 投票
0 回答
169 浏览

fabricjs - Openseadragon 使用查看器旋转 fabricjscanvas

我已经用fabricjscanvas在openseadragon中实现了绘图工具,但是当旋转原始图像时我无法旋转fabricCanvas,请帮我看看这个

https://github.com/MMtechnolab/OpenseadragonfabricjsDemo

0 投票
1 回答
255 浏览

json - 使用 JSON Fabric js 修改和绘制叠加层

我已经生成了一个带有 x、y 坐标的 JSON 文件,以使用 Fabric JS 绘制折线。但是,我目前的问题是我使用的坐标系是图像像素,而我正在绘制的画布是 openseadragon (OSD)。因此,我需要将坐标系从图像像素更改为视口坐标。

我知道 openseadragonimageToViewportCoordinates中有一个函数可以进行转换。但是,问题是如何解析 x , y 坐标,转换它们并在织物 js 画布上绘制折线?

JSON文件如下:

感谢您的帮助!