我想知道如何开始使用OpenSeadragon。我已经根据github上的存储库自述文件通过node.js安装了它。然后,我查看了API,看来您必须使用OpenSeadragon.Viewer函数。但是,据我所知。我只想使用OpenSeadragon创建一个包含一个深度缩放图像的简单页面。

最佳答案

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

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

10-06 01:12