问题标签 [openseadragon]

我找到了这个codepen。 https://codepen.io/webconstructor/pen/oMyYBz

我想使用我在本地的图像。我有可能使用它吗？为什么我不能使用来自任何网站的另一张图片？

例如，它正在工作，

但它不适用于此jpg。

网址：“ https://cdn.pixabay.com/photo/2017/07/22/20/29/life-2529859_960_720.jpg ”，

所以有人可以解释一下，为什么我不能。如果可以，怎么做？

我正在尝试获取在 Angular 7 中工作的 OpenSeadragon v2.4 的基本示例。我已经正确导入了 npm 模块，并且它在某种程度上可以工作。

我在这里看这个简单的例子。这是我的代码：

当我运行它时，正在创建画布元素，但图像似乎没有加载到我的组件中。

当我查看 WebKit 下的 Network 选项卡时，它找到了第一个文件： http://openseadragon.github.io/example-images/highsmith/highsmith_files/1/0_0.jpg，它似乎是空的。页面是空白的。

如果我为 tileSources 设置了无法访问的值，则找不到图像，但会呈现缩放控件。

上面的代码是从我的本地机器引用示例 url 的正确方法吗？为什么只渲染第一个图像/平铺？它在寻找别的东西吗？

我希望将可缩放文本添加到 OpenSeadragon 中的渲染图像。所需的功能是，当您缩小时，文本非常小，而当您放大时，文本会增大。

我试图将文本添加到覆盖 div DOM 元素。这会添加文本，但当您缩小时，div 的大小会变小，但文本不会。文本被压缩成多行。

我使用 Angular 7 中的 Render2 类来操作 DOM，但这可以在任何框架/库中完成：

我希望文本随图像一起缩放。这可能吗？

我正在尝试使用 openlayers 5 在浏览器中显示高分辨率图像。我找到了一个关于如何使用 zoomify 创建图像图块并使用 openlayers 地图渲染它的示例。但我无法将它用于我自己的图像。我对此完全陌生。我问的问题可能很琐碎。请承受我的无知。

示例代码- 这是来自 openlayers 网站的示例。我正在尝试对这张图片做同样的事情。 我尝试用我的图像 url 替换 zoomifyUrl 和 iipUrl，但它没有用。

我想实现类似openseadragon 网站中的演示。在进行上述代码更改后，我得到一个网格，其中部分图像重复。

我在从查看器中删除处理程序时遇到问题。

我可以看到带有缩放因子的输出，但我从来没有看到“删除”的输出。也只是添加和删除“viewport-change”-handler 没有工作。removeAllHandlers 似乎工作，但我只删除一个处理程序失败。

我真正想做的是像滑动效果一样的东西。如果图像未放大并且左边缘击中查看器边框，我想显示下一张图像。也许有更好的方法来做到这一点。

提前致谢

我试图了解 OpenSeadragon 如何决定金字塔 .tiff 图像中的瓷砖尺寸以生成第一层瓷砖。我看不到 OpenSeadragon 请求的 info.json 中定义的各种尺寸（使用 IIIF Image API）与图块尺寸之间的相关性。

当我在 OpenSeadragon 查看器中单击时，会发送多个图像请求以请求高分辨率图块，但图像之间以及查看器中单击位置之间的尺寸差异很大。

是否可以强制 OpenSeadragon 使用 info.json 中定义的大小？就我所见，并非如此。

我尝试过查看 IFFF Image API 文档、OpenSeadragon 文档和 OpenSeadragon.js 文件，但很难完全遵循其中的执行流程。

info.json 的相关部分如下所示：

我正在使用 openseadragon 来显示图块源。瓦片源服务器需要如下参数

jpg/0,0,500,800/105,/0/default.jpg

如何从 openseadragon 的 getTileUrl(level, x, y) 回调构建这个 url？

我只得到水平，x，y。我的问题是如何在 getTileUrl() 方法中构建它？

我在 Angular 8 应用程序中使用 JavaScript 库 OpenSeadragon。所以常用的方法是在 angular.jsonscripts部分注册 javascript.min.js 文件，并在 TypeScript 中使用如下方式：

然后我可以在我的 TypeScript 组件中使用 OpenSeadragon，如下所示：

所以，这是有效的。

对于这个库，有几个插件/扩展。我需要使用其中一些插件。它们依赖于导入主/核心库。所以我也在 angular.jsonscripts部分添加了插件的 js 文件。

这些插件的结构是它们通过以下方式扩展核心功能：

对于来自 main-lib 的Viewer对象/实例，他们引入了一种名为selection({withOptions})的新方法

问题是如何在我的 Angular TypeScript 组件中访问新方法？目前我收到方法选择不存在的错误。

我正在使用一个库来允许我的用户像标记（fabric.js）一样在画布上绘制，在用户绘制之后，我检查与他绘制的区域和其他对象的交叉点。

它在用户绘制闭合路径时起作用，但由于它类似于标记绘制，用户可以创建一条与自身交叉的路径，从而创建一条带孔的路径。

我试图弄清楚如何创建一个代表用户标记区域的简单路径。

我的想法：将画布转换为 png 并根据标记区域创建路径，但我找不到有关如何执行此操作的任何信息。

还有其他想法或可能对我的想法有所帮助的东西吗？

I would like to zoom in with openseadragon but for performance reasons i would like to have the opportunity to cut a picture and zoom based on the zooming work find just we need this for performance.