3

我想知道如何开始使用 OpenSeadragon。我根据github上的存储库自述文件通过 node.js 安装了它。然后我在查看API，看起来你必须使用 OpenSeadragon.Viewer 函数。但这就是我所得到的。我只想使用 OpenSeadragon 创建一个带有深度缩放图像的简单页面。

4

4 回答 4

6

如果您要修改 OpenSeadragon 源代码，您只需要 node.js。如果您只想使用 OpenSeadragon，请从http://openseadragon.github.io/#download获取构建版本。然后，假设您的项目目录如下所示：

project/
  dzi/
    foo.dzi
    foo_files/
      ...
  index.html
  openseadragon/
    images/
      ...
    openseadragon.js
    openseadragon.min.js

您的 index.html 可能如下所示：

<html>
  <head>
    <style type="text/css">
      #foo {
        width: 400px;
        height: 300px;
      }
    </style>
  </head>
  <body>
    <div id="foo"></div>
    <script src="openseadragon/openseadragon.min.js"></script>
    <script>
      var viewer = OpenSeadragon({
        id:            'foo',
        prefixUrl:     'openseadragon/images/',
        tileSources:   'dzi/foo.dzi'
      });
    </script>
  </body>
</html>

我想我应该在网站上添加这样的内容作为“入门”！

于 2013-05-08T23:54:17.923 回答
2

所以，回答我的问题，

dzc_output.xml 文件实际上就是 DZI 文件。Microsoft 将文件类型设置为 xml，因为根据其网站上隐藏的信息，浏览器难以使用 dzi。

于 2014-03-07T21:02:53.640 回答
1

OpenSeaDragon 网站有一个 Deep Zoom Composer 创建图像的示例页面。示例 XMLHTTPRequest for DZI XML or JSON 展示了如何使用 DZI，而不是 XML。

我想要一些关于这方面的指导。

从 Deep Zoom Composer 导出的 Seadragon AJAX 是文件夹、xml 文件和图像的集合，

  • 生成的图像（文件夹）
    • dzc_output_files（文件夹）
    • 0（文件夹）...（中间文件夹）
    • 15（文件夹）
    • dzc_output.xml（xml 文件）
    • 场景.xml（xml 文件）
    • SparseImageScenedGraph.xml（xml 文件）

此集合中的任何地方都没有 DZI 文件。文本进一步指出，“OpenSeadragon 嗅探 DZI 是格式化为 XML 还是 JSON”，我不知道这是什么意思。

是否可以在 OpenSeadragon 中使用 Deep Zoom Composer 生成的文件夹结构和带有 xml 文件数据的文件？

于 2014-03-06T19:09:33.470 回答
0

iangilman 的回答在今天仍然具有相关性和有用性。我要补充的一件事...如果您使用 Microsoft 的 Deep Zoom Composer 创建您的 DZI，请检查 XML 文件。如果它包含 DisplayRects，请删除它们。OpenSeaDragon 无法正确处理它们（请参阅https://github.com/openseadragon/openseadragon/issues/1081）并且根本不会显示图像。从 XML 中删除整个部分，一切正常。有一些关于潜在性能影响的讨论，但我自己还没有看到这个问题。

此外，看起来高度和宽度很关键 - 我在某一点删除了它们，整个图像消失了（我假设为 0 高度和 0 宽度）。

于 2017-07-04T18:42:44.887 回答