問題タブ [seadragon]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
216 参照

javascript - 最初の子の onclick を取得し、関数に渡します

画像ギャラリーに Seadragon Viewer を使用しています。ページの準備ができたら、最初の画像を開きたいです。コード:

ここで に渡すだけdziviewer.openDzi(dzi)、最初に画像をクリックして表示する必要があります。dzi最初に ofを渡すにはどうすればよいaですか? 手伝ってくれてありがとう!

更新: jquery-1.7.1 を使用しています。

0 投票する
1 に答える
189 参照

javascript - Seadragon Ajax イメージの同期

複数の Seadragon イメージを同期する必要があります。

ディープ ズームの Seadragon 画像の同期に関する Beck Johnson の投稿を見つけました。彼は、「各 Seadragon.Viewer が開かれ、配列に格納されている...」という方法でこれを行ったと述べています。

https://getsatisfaction.com/livelabs/topics/synchronize_panning_zooming_for_multiple_images_with_seadragon

ただし、otherViewer 変数は未定義として返されます。

0 投票する
1 に答える
108 参照

javascript - キャンバス全体をドラッグ アンド ドロップし、キャンバスの新しい領域を表示します

ドラッグ アンド ドロップ方式を使用してキャンバス全体を移動しようとした人はいますか?

大海竜のようなものを意味します

オンライン ゲームを開発していますが、建物が 1000 x 700 ピクセルの画面に収まらないため、キャンバスが必要です。

キャンバスは何らかの方法で別のエリア内に作成する必要があり、キャンバス全体をドラッグ可能にして、村全体を利用できるようにする必要があります。

村の地面と建物全体を保存してレンダリングするには、3 x 3 画面のマトリックス (フル HD で 9 画面) を使用する必要があります。これがキャンバスをドラッグ可能にする必要がある理由です。

0 投票する
2 に答える
898 参照

deepzoom - OpenSeadragon は、その場でコレクション内の画像を変更します

OpenSeadragon で表示したい一連の DZI 画像 (スキャンされた本) があります。collectionMode を使用すると、1 ページに 2 つの画像を表示するように OpenSeadragon を設定できます。しかし、これらの画像を他の画像に動的に変更することはできますか?

私の目標は、偶数ページと奇数ページを一度に 2 つずつ表示することですが、それらのシーケンス モードを使用して、いわば本のページをめくります。

誰かが同等の目的を持つ他のプロジェクトについて知っている場合は、ここでナッジしていただければ幸いです(明らかに必要だと思われますが、まだ取り組んでいるプロジェクトは見つかりませんでした)?

/ハッセ

0 投票する
2 に答える
1488 参照

javascript - OpenSeaDragon のパン/ズーム アニメーションを遅くすることはできますか?

OpenSeaDragon は素晴らしいです。

Viewport#fitBounds JS メソッドを使用して新しい四角形に移動すると、デフォルトの引数で、現在のビューと新しい要求された境界の間の遷移が「アニメーション化」されます。

このアニメーションの速度を制御する方法はありますか? 速度を落としたいので、現在のビューから要求された境界に移動するのに時間がかかり、よりゆったりとしたツアーになります。

0 投票する
2 に答える
1210 参照

javascript - OpenSeadragon クロス ドメイン Ajax リクエスト

TL;DR: OpenSeadragon でクロスドメイン AJAX リクエストを行うにはどうすればよいですか?

OpenSeadragon を使用して Web サイトの画像を表示しています。次のように、テスト URL を使用して Seadragon ビューアを使用しています。

だから私は自分のビューアが機能していることを知っています。私の問題は、必要な特定の画像が「Access-Control-Allow-Origin」ヘッダーを持たないサイトでホストされているため、Ajax リクエストがブロックされていることです。たとえば、次の URL を使用する場合:

(ブラウザでアクセスでき、入力するとxmlファイルがダウンロードされます)、「No Access-Control-Origin-Header」エラーが表示され、ビューアに次のエラーが表示されます。

シードラゴンエラー

クロス ドメイン リクエストについては知っていますが、OpenSeadragon は初めてなので、OpenSeadragon 関数でクロス ドメイン リクエストを作成する方法がわかりません。OpenSeadragon に CreateAJAXRequest() 関数があることは知っていますが、その実装方法がよくわかりません。それで問題が解決するかどうかもわかりません。

0 投票する
2 に答える
670 参照

ajax - URLの代わりにXML文書変数でopenseadragon?

ストレート XML データで SeaDragon ビューアーを開く正しい方法は何ですか? ここで何が間違っているのかを知る必要があります。表示する必要がある別のドメインでホストされている多数の DZI 画像がありますが、画像が存在するドメインに "Access-Control-Allow -Origin」ヘッダー。そのため、プロキシ コントローラを設定して XML データを取得し、それを Web ページに返します。ただし、画像を XML データと共に読み込むことができません。

問題をテストし、何をする必要があるかを理解するために、(別の Web サイトからの) 作業イメージを使用しています。次のコードを使用すると、画像が表示されます。

今、私は、XML を取得し、OpenSeadragon 呼び出しで XML を使用することにより、プロキシ コントローラーでの方法で画像を表示しようとしています。

空白の画像が表示され、コンソールにすべてのタイルの読み込みに失敗したと表示されます。次のように、xml を直接 tileSources フィールドに文字列として貼り付けることも試みました。

しかし、それもうまくいきません。

ここで何が間違っていますか?