Question

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

Answer 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>

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

Answer 2

所以，回答我的问题，

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

Answer 3

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

我想就此提供一些指导。

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

GeneratedImages（文件夹）
- dzc_output_files（文件夹）
- 0（文件夹） ......（介入文件夹）
- 15（文件夹）
- dzc_output.xml（xml文件）
- scene.xml（xml文件）
- SparseImageScenedGraph.xml（xml文件）

此集合中的任何位置都没有DZI文件。案文进一步指出，“ OpenSeadragon嗅探DZI是否格式化为XML或JSON“，我不知道这意味着什么。

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

Answer 4

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

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

我如何开始使用OpenSeadragon？

4 个答案: