如何开始使用 OpenSeadragon？答案

【问题标题】：How do I get started using OpenSeadragon?如何开始使用 OpenSeadragon？
【发布时间】：2013-05-08 22:25:19
【问题描述】：

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

【问题讨论】：

标签： node.js canvas deepzoom seadragon

【解决方案1】：

如果您要修改 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>

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

【讨论】：

【解决方案2】：

所以，回答我的问题，

dzc_output.xml 文件实际上是 DZI 文件。微软将文件类型设置为 xml，因为根据他们网站上的信息，浏览器对 dzi 有困难。

【讨论】：

【解决方案3】：

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

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

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

生成的图像（文件夹）
- dzc_output_files（文件夹）
- 0（文件夹） ...（中间文件夹）
- 15（文件夹）
- dzc_output.xml（xml文件）
- scene.xml（xml 文件）
- SparseImageScenedGraph.xml（xml 文件）

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：