问题标签 [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.
javascript - 如何导入 js 文件并在 Angular 库中使用(不在项目中)
我正在 angular4 库中开发图像缩放,我需要将 openseadragon js 文件导入到我的库中。
如果它是 Angular 项目,那么我可以简单地将 cdn 添加到 index.html,但是在库中我如何导入 js 文件。
我以以下方式尝试使用 angular-cli.json 文件,但没有成功。
任何解决方案将不胜感激..
image - 旋转 Openseadragon 图像时 Fabric Canvas 改变位置
我在 OpenSeadragon(osd) 之上使用 Fabric.js Canvas。我正在尝试在 osd 图像之上创建一个指南针/旋转器小部件,它将旋转 osd 图像。它应该随 osd 图像缩放和平移,但不应随 osd 图像旋转。
当我使用时,事情变得越来越整洁
Osd 图像会旋转,但 Fabric 画布对象的位置也会随之变化,即使我已将对象设置在图像的中心。这是codePen链接
image - openseadragon 获取选择数据url/blob
我从 openSeadragonSelection 检索一个矩形:
观众:
由 onSelection 调整:
我不知道如何从我的查看器实例中通过 rect 获取画布。
一个自行实现的 imageViewer 返回所选区域的画布。所以我可以获取 blob 并将其发布到服务器:
如何通过 rect 获取查看器的图像。旋转也应考虑在内。
@iangilman:
非常感谢您的建议。我创建了另一个我裁剪的画布,然后将其放回查看器中。我不确定您的库是否支持类似的东西:
还没有考虑轮换。
angular - 如何在openseadragon中显示原始图像大小?
我正在尝试在我的 angular4 应用程序中实现 openseadragon 缩放插件。
一切正常,但我无法显示原始图像大小,openseadragon 限制图像大小并将图像设置在中心,如果我使用如下所示,
如果我使用homeFillsViewer : true
然后图像适合 div 但图像不像裁剪图像那样正确。
我想显示图像的原始大小。
任何解决方案都会有所帮助,在此先感谢您。
angular - 如何在openseadragon中将图像重置为默认大小
我在弹出滑块上的 angular4 中实现 openseadragon 插件,在弹出窗口关闭时(或在转到下一个图像时)如果当前图像被缩放,我必须将当前图像调整为默认大小(类似于回家按钮)。
任何建议都会有所帮助。
angular - 如何在 openseadragon NAVIGATOR 中使用 img 标签而不是 canvas 标签?
如何在 openseadragon NAVIGATOR中使用img标签而不是canvas标签?
使用 useCanvas: false 查看器中的主画布标签被 img 标签替换,但如何在导航器中执行相同操作(需要在导航器中用 img 替换画布)。
任何建议都会有所帮助
javascript - OpenSeadragon 导航器
我有一个包含纸张的主窗口,使用 openseadragon 我有一个导航器,以便查看缩放当前视图的状态,如图所示。
在这张图片中,我在左下角有导航器,它有红色矩形,现在的问题是当更改主窗口中的视图时,红色矩形的一部分消失,在某些情况下,所有红色矩形都消失了。
我尝试了很多方法,但框架 seadragon 覆盖了我的更改。
openseadragon 框架中是否有任何方法可以将最大位置设置为矩形?
firefox - openseadragon 后台请求的接受头
在关联数据上下文中,我将我的 openseadragon 客户端指向将响应 303 重定向的资源。如果 OSD 的请求有一个标头“Accept: image/*”(几乎所有的 '*'),重定向将指向一个 jpeg,一切都很好。这是它在谷歌浏览器中的工作方式。
但是,在 Firefox 中,请求似乎以某种方式具有标头“Accept: */*”。至少这就是我解释 Firefox 开发者工具网络面板输出的方式。这导致最后的资源重定向到一个 html 页面,当然,OSD 不能呈现为图像。
这怎么可能发生?
我在网页中嵌入 OSD 的方式是这样的:
请注意,如果我启用ajaxHeaders: {'Accept: image/jpeg'},
当前已注释掉的,我会得到一个 Accept 标头,但它包含各种文本/hmtl;应用程序/xhtml 等。
fabricjs - Openseadragon 使用查看器旋转 fabricjscanvas
我已经用fabricjscanvas在openseadragon中实现了绘图工具,但是当旋转原始图像时我无法旋转fabricCanvas,请帮我看看这个
json - 使用 JSON Fabric js 修改和绘制叠加层
我已经生成了一个带有 x、y 坐标的 JSON 文件,以使用 Fabric JS 绘制折线。但是,我目前的问题是我使用的坐标系是图像像素,而我正在绘制的画布是 openseadragon (OSD)。因此,我需要将坐标系从图像像素更改为视口坐标。
我知道 openseadragonimageToViewportCoordinates
中有一个函数可以进行转换。但是,问题是如何解析 x , y 坐标,转换它们并在织物 js 画布上绘制折线?
JSON文件如下:
感谢您的帮助!