coordinate-systems - Seadragon ajax 修正座標系

Question

私のウェブサイトで大きな解像度の大きな画像を表示するために、座標系で Seadragon Ajax を試しています。座標を知っているこの画像の一部を表示したいと思います。問題は、画像をズームまたはドラッグすると、座標が画像の同じ部分に対応しなくなることです。いくつかのコードを試してみましたが、方法がありません。座標系がすべての画像に対して修正されている必要があります。私ができるように？ありがとう

Answer 1

もちろん問題ありません。「実際の」ピクセルベースの座標をシードラゴンのポイント座標に変換する必要があります。

「Seadragon Ajax は正規化された座標系を使用します。画像の左上は常に原点 (0, 0) にあり、画像の幅は常に 1 です。画像の高さはアスペクト比に依存するため、幅の半分の高さの画像の高さは 0.5 インチになります

したがって、画像が 500x500px であることがわかっている場合、ポイント 1,1 = 500px,500px および 0.5,0.5 = 250px,250px となります。

次のような関数を記述して変換します。

var my_position_x=333; // the position you want to get point for
var my_position_y=666; // the position you want to get point for
var width=500;
var height=500;
var pointx=1/width * my_position_x;
var pointy=1/height * my_position_y;