問題タブ [seadragon]

更新: 画像をダウンロードしていますが、常に空白でダウンロードしています:

--------更新終了

Open Seadragon でディープ ズーム画像を表示するページがあります。

これは、問題を再現するためのフィドルです。

ダウンロード リンクと印刷リンクがありますが、現在はどちらも同じことを行います。imgurl を取得しようとしています。それを取得したら、ダウンロード方法はわかったと思いますが、 $(canvas).toDataURL() が機能していません。

console.log は、自分のページにキャンバス オブジェクトがあることを確認しています。画像の URL を取得できないのはなぜですか?

また、seadragon 関数内で画像を取得しようとしました。

しかし、コンソールには「Uncaught TypeError: Cannot read property 'canvas' of null」と表示されます

Open Seadragon を使用して、ページに深いズーム画像を表示しています。画像をダウンロードするためのリンクを含めたい。ダウンロードされる画像が空白であることを除いて、ほとんど機能しています。

これが私のフィドルです

これが私が使用しているコードです

Amazon s3 バケットに多数のディープ ズーム画像が保存されており、それらを Open Seadragon dzi ビューアで表示する Web ページがあります。画像を表示できますが、ダウンロードできません。汚染されたキャンバスがあるというセキュリティ エラーが表示されます。

バケットに CORS 構成を設定します。

これにより、画像を表示できました (以前は、access-control-allow-origin ヘッダーがなかったため、OpenSeadragon 呼び出しが失敗しました) が、キャンバスはまだ汚染されています。

seadragon ビューアで crossOrigin ポリシーを設定してみました:

しかし、それは何も変わりませんでした。これは私の完全なスクリプトです：

Silverlight から OpenSeaDragon (PivotViewer) に移行しようとしていますが、これまでのところ、画像コレクション内のすべての画像の位置をプログラムで制御する方法を見つけることができなかったため、単なる長方形の配列にはなりません。写真の。たぶん、スパースイメージ？それとも、コレクションの *cxml ファイルに x 座標と y 座標を何らかの方法で追加するだけでよいのでしょうか? 正しい方向を教えてください。

お時間をいただきありがとうございます。

以下のコードで座標を取得しようとしています: X と Y の位置を取得するためにキャンバスをクリックしている場合: コンソール エラーが表示されます: Uncaught TypeError: Undefined のプロパティ 'position' を読み取れません

スクリーンショット : http://screencast.com/t/0LHAae5AicRz

openseadragon でコード化されたビューアーがあります。ズームインズームアウトホームと回転機能があります。また、このビューアーにカスタム透明キャンバスを追加して、その画像にいくつかの図形を描画します。それらは正常に動作しますが、その写真をドラッグすることはできません。また、これらのマルチ キャンバスでその写真の div 座標を取得することもできません。

このマルチ キャンバスでマウス移動またはクリック アンド ドラッグ イベントに到達するにはどうすればよいでしょうか。

助けてくれてありがとう。

ここにコード例：