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'); });
しかし、これはうまくいきません...
誰かが方法について私を助けることができます:
- マウスイベントを別の要素の下の要素に渡すか
- または、Seadragon からマウス イベントを直接呼び出す
アプリケーションはhttp://fibics.interplex.caで見ることができます。
ありがとう！