openseadragonでclickした座標のlocationを取得したい

Question

openseadragon で

クリックした座標のlocationを取得する方法を教えてください。

locationは画像の幅に対する相対位置です（0 ~ 1）

apiは
https://openseadragon.github.io/docs/OpenSeadragon.html

https://openseadragon.github.io/docs/OpenSeadragon.Viewer.html

https://openseadragon.github.io/docs/OpenSeadragon.Viewport.html

この中のどこかにあると思うのですが、、

もしご存知でしたら教えてください。探してはいますが、、

//openseadragon
var seadragon = new OpenSeadragon.Viewer({
    id:              "map",
    prefixUrl:       "/aaa/images/",
    tileSources:     "/aaa/bbb.dzi"
});

$('#map').on('click', function(e) {
			seadragon.addOverlay(document.getElementById('overlay'), new OpenSeadragon.Point(0, 0), 'CENTER');
			console.log(new OpenSeadragon.getElementPosition(document.getElementById('map')))
			console.log(new OpenSeadragon.getMousePosition(e))
			console.log(new OpenSeadragon.getElementSize(document.getElementById('map')))
			console.log(seadragon.viewport.getBounds())
			console.log(seadragon.viewport.getHomeBounds())
			console.log(seadragon.viewport.getCenter())
			console.log(seadragon.viewport.getContainerSize())
			console.log(seadragon.Viewport.getTopLeft())
		}
	});
});

この

seadragon.addOverlay()

の第二引数にlocationを入れるとそこに要素(#overlay)を配置できるような感じです。

new OpenSeadragon.getElementPosition(document.getElementById('map')) : $('#map').offset()と同じ
new OpenSeadragon.getMousePosition(e) : mouse の座標(e.pageX e.pageYと同じ)
new OpenSeadragon.getElementSize(document.getElementById('map')) : $('#map').width() height()
seadragon.viewport.getBounds() : 画像の今の左上のlocation (クリック点ではない)
seadragon.viewport.getHomeBounds() : 画像のhome positionのlocation
seadragon.viewport.getCenter(): 画像の中心のlocation(x: 0.5, y: ◯◯)
seadragon.viewport.getContainerSize() : $('#map').width() height()
seadragon.viewport.getTopLeft() : 画像の左上位置をとる：文法エラー
seadragon.viewport.getBottomRight() : 画像の右下位置をとる:文法エラー

画像の幅と左からの位置がわかれば ((画像幅) - (左位置)) / (e.pageX - (左位置)) とかで割合が取れるかなとも思ったんですが画像幅の取り方はわからず（要素幅しかとれない）左位置と右位置は文法エラーでやり方がまだわかりません

何かご存知でしたら教えてください。

new OpenSeadragon.Rect()

こうやると新規で

{x: 0, y: 0, width: 0, height: 0, degrees: 0}

のrectが生成されます。
画像のrectが取れるといいんですが、、

seadragon.Rect()
seadragon.rect()
seadragon.viewport.rect()
seadragon.viewport.rect.x

とかってやってもとれないです。

Answer 1

https://openseadragon.github.io/examples/viewport-coordinates/

ここにありました。よかった

かんたんでした、、すみません