問題タブ [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 に答える
399 参照

silverlight - DeepZoom と SeaDragaon AJAX のライセンスは?

Microsoft Silverlight DeepZoom と SeaDragaon AJAX のライセンスを持っています.商用アプリケーションでライブラリを使用できますか..または商用ライセンスを購入する必要がありますか?

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

python - 切り抜きとサイズ変更のためのPILとPython-GD

後でSeadragonAJAXの画像ピラミッドに変換するカスタム画像を作成しています。画像と画像ピラミッドはPILを使用して作成されます。現在、幅と高さの合計が約32,000,000 x 1000の約100枚の画像の画像と画像ピラミッドを生成するのに数時間かかります(はい、画像は非常に長くて狭いです)。パフォーマンスは、私が試した別のアルゴリズム(つまり、deepzoom.py)とほぼ同じです。python-gdの機能のほとんどが(GDライブラリから)Cでコーディングされているため、パフォーマンスが向上するかどうかを確認する予定です。大幅なパフォーマンスの向上を想定していますが、他の人の意見を聞きたいと思います。特に、PIL(w / Image.ANTIALIAS)ではサイズ変更とトリミングが遅くなります。Python-GDを使用すると、これは大幅に改善されますか?

コメントや提案を事前に感謝します。

編集:PILとpython-GDのパフォーマンスの違いはごくわずかのようです。コードをリファクタリングして、パフォーマンスのボトルネックを減らし、複数のプロセッサのサポートを含めます。Pythonの「マルチプロセッシング」モジュールをテストしました。結果は心強いものです。

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

javascript - Seadragonで複数のオーバーレイを作成することはできません

作成しているシードラゴンマップにオーバーレイを追加しようとしていますが、何らかの理由で、シードラゴンが最初のオーバーレイを除くすべてのオーバーレイを無視していることがわかりません。これに関するどんな助けも大いに感謝されます。

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

seadragon - SeaDragonマウスクリック

DeepZoomコンテンツの生成に使用されたソース画像を基準にして、Ajax SeaDragonシーンでのマウスクリックの位置を特定するにはどうすればよいですか?

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

javascript - Javascriptキャンバスのディープズームコレクション

HTML5 Canvas Elementで、およそ512x512の画像を何千も含むディープズームモザイクを作成する必要がありますが、車輪の再発明はできるだけ少なくしたいと思います。

そのため、大量の大きな画像を1つにまとめてディープズーム画像を作成するのではなく、大量のディープズーム画像を作成してディープズームコレクションを作成したいのですが、SeadragonはDZC形式をサポートしていません。

私の見方には、他に3つの選択肢があります。

  1. ゼロから始めて、DZCファイルのロードを処理するビューアを作成します
  2. Seadragonを拡張して、DZCファイルを処理できるようにします
  3. DCZファイルを解析し、関連する画像を処理して、巨大なDZIファイルに変換する方法を作成します

ここで少しアドバイスをいただければと思っていました。おそらく、Deep Zoomの経験が豊富な人からのサウンドボードと、締め切りが厳しいことを考えると、これが最も簡単で最良の推奨となるXML形式です。

どんなアドバイスも素晴らしいでしょう。ありがとう!

0 投票する
0 に答える
460 参照

jquery - 下のDOM要素にイベントを渡す

Microsoft Seadragon Technology を使用したこの Web アプリケーションを開発しました。

Seadragon ビューポートの上で、ユーザーは測定値と注釈を描画できます。これらの注釈は、Seadragon の上の Canvas に描画されます。

注釈を編集できるようにするには、アプリケーションを「注釈の編集」モードにする必要があります。このモードが行うことは、単に CSS スタイルの pointer-events: none; を削除するだけです。注釈キャンバスから。このモードがオフのときは、pointer-events: none; を元に戻します。Seadragon ビューポートがマウス イベントを受け取ることができるように、注釈キャンバスに追加します。

私が抱えている問題は、pointer-events プロパティが IExplorer と Opera でサポートされていないことです。注釈キャンバスは Seadragon ビューポートの上に描画されるため、IExplorer9 と Opera では、マウス イベントが Seadragon ビューポートに到達することは決してありません。

Seadragon のビューポートを作成するために使用する DOM 要素に mouseevent を渡して試してみましたが、うまくいかないようです。

$('#annotationCanvas').mousedown(function(){ $('#seadragonVP').trigger('mousedown'); });

しかし、これはうまくいきません...

誰かが方法について私を助けることができます:

  1. マウスイベントを別の要素の下の要素に渡すか
  2. または、Seadragon からマウス イベントを直接呼び出す

アプリケーションはhttp://fibics.interplex.caで見ることができます。

ありがとう!

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

javascript - 基本的なスクリプトの質問...divコンテンツを動的に変更しますか?

画像ギャラリーの特定のサムネイル/リンクに対応する情報を反映するために、「キャプション」divのコンテンツを動的に変更する最も簡単なアプローチは何でしょうか。

具体的には、このリンクにアクセスすると、すばらしいSeadragonズームスクリプトが表示されます。画像の下に、ユーザーが上記のさまざまなリンクをクリックすると(テキスト)コンテンツが変わる小さなキャプションが表示されます。おそらく、altまたはtitle属性からテキストを取得し、空のdivに配置しますか?

私の場合、テキストリンクの代わりにサムネイルを使用するので、これらの画像をクリックすると、ユーザーは「switchTo」Seadragonイベントを開始し、空のdivに対応するコンテンツを入力します。

ここでのガイダンスに感謝します。

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

javascript - Seadragon deepzoom ファイルの配置

deepzoom 画像を作成しました。画像ファイルをローカルに配置すると、次のコードで表示できます。

しかし、画像とxmlファイルをhttp://foto.qaz.dkにアップロードすると

そして、次のコードviewer.openDzi("spider.xml");を次のように変更しましたviewer.openDzi("http://foto.qaz.dk/spider.xml");

seadragon からエラー メッセージが表示されます。

私は何を間違っていますか?

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

javascript - オブジェクトは、Seadragon および IE からのエラーを予期しました

私はディープズーム画像を作ろうとしているシードラゴンで遊んでいます。ここにアップロードしました

Firefox と Chrome では問題なく動作しますが、IE では次のような JavaScript エラーが発生します。

オブジェクトが期待されていました。ライン95

これはどのように解決できますか?

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

javascript - onClickイベントハンドラーを使用したSeadragonカスタムコントロール:IEの問題

Seadragonを使用して大きな画像を表示しています。カスタムコントロールをいくつか追加して、それらのコントロールをクリックすると、画像内の特定のポイントにパン/ズームします。これは、FF、Chrome、およびOperaに最適です。

ただし、IEには問題があります。関連するコードは次のとおりです。

console.log(this)クリックされているオブジェクトについてFirebugが何を教えてくれるかを確認するためにを追加しました。Firefoxでは、

<a id="MyButtonName" class="viewernav" href="#" style="position: relative;">

しかし、IE8(Firebug Liteを使用)では、

Window debug.html

これは、これらすべてをテストするために使用しているhtmlページの名前です。

質問: IEやその他の一般的なブラウザで機能するHTML要素をクリックしたときにHTML要素情報を取得するにはどうすればよいですか?