3

OpenSeadragon を使い始める方法を考えていました。githubのリポジトリ readme に従って、node.js を介してインストールしました。それから私はAPIを見ていましたが、OpenSeadragon.Viewer 関数を使用する必要があるようです。しかし、それは私が得た限りです。OpenSeadragon を使用して、1 つの深いズーム画像を含む単純なページを作成したいだけです。

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>

このようなものを Web サイトの「はじめに」として追加する必要があると思います。

于 2013-05-08T23:54:17.923 に答える
2

だから、私の質問に答えるために、

dzc_output.xml ファイルは、実際には DZI ファイルです。Microsoft は、Web サイトに埋もれている情報によると、ブラウザが dzi に問題があるため、ファイルタイプを xml に設定します。

于 2014-03-07T21:02:53.640 に答える
1

OpenSeaDragon Web サイトには、Deep Zoom Composer で作成された画像のサンプル ページがあります。DZI XML または JSON の XMLHTTPRequest の例は、XML ではなく DZI の使用方法を示しています。

これについては、いくつかのガイダンスが欲しいです。

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 としてフォーマットされているかどうかを嗅ぎ分けます」と記載されていますが、これが何を意味するのかわかりません。

OpenSeadragon で、Deep Zoom Composer が生成したフォルダー構造と xml ファイル データを含むファイルを使用することは可能ですか?

于 2014-03-06T19:09:33.470 に答える