私は現在、Seadragon Ajaxテクノロジー(zoom.itのデモ)を使用しており、カスタムインターフェイスなどを追加しています。特に、マウスイベント(クリックなど)をキャプチャする必要があるが、必要のない特定の数のオーバーレイを追加しています。他の人をキャプチャします(ホイールスクロールなど)。
Seadragonは、スクロール中にマウスポインターの位置を使用して、画像の尖った部分にズームします。オーバーレイでマウスイベントをキャプチャしたいのですが、その一部をオーバーレイの下に渡します。したがって、私は次のような関数を実装する方法を探しています。
- 2つの引数を取る:理論上のマウスの位置、垂直および水平部分
- 指定された座標でマウスイベントをキャプチャするHTML要素を表すDOM要素を見つけます
- この要素にマウスイベントを渡します
問題は、2番目のステップを確実に実行する方法がわからないことです。Seadragonは、グラフィックを含むタイルを含む多くのdivを作成します。これらは、画像をパンまたはズームするたびに変化します。したがって、インデックスを作成するだけではなく、その場で検出する方法が必要です。
助けやアイデアをいただければ幸いです。