OpenSeadragon を使い始める方法を考えていました。githubのリポジトリ readme に従って、node.js を介してインストールしました。それから私はAPIを見ていましたが、OpenSeadragon.Viewer 関数を使用する必要があるようです。しかし、それは私が得た限りです。OpenSeadragon を使用して、1 つの深いズーム画像を含む単純なページを作成したいだけです。
4 に答える
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 サイトの「はじめに」として追加する必要があると思います。
だから、私の質問に答えるために、
dzc_output.xml ファイルは、実際には DZI ファイルです。Microsoft は、Web サイトに埋もれている情報によると、ブラウザが dzi に問題があるため、ファイルタイプを xml に設定します。
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 ファイル データを含むファイルを使用することは可能ですか?