[Adobe JavaScript] GUIウィンドウ上に表示した画像がずれてしまう

Question

やりたいこと

Adobe JavaScriptにて、GUIウィンドウ上に表示した画像をクリックする事でその座標を表示する処理を書いておりますが、想定通りに座標が取得出来ず困っております。

まず、下記に処理内容を記載します。

ソースコード

// 画像情報を定義
var img_path = "test_img01.jpg";
var img_width = 1352;
var img_height = 956;

var winObj = new Window("dialog","Test",[0, 0, img_width, img_height], {borderless:true});
var fileObj = new File(img_path);
winObj.add("image",[0, 0, img_width, img_height], fileObj);

// クリック時のイベント
winObj.addEventListener("mousedown", function(e) {
	// クリックした所の座標を表示する
    alert('clientX = '+e.clientX+'\n'+'clientY = '+e.clientY);
});

winObj.center();
winObj.show();

発生している問題

補助線付きのテスト画像を用意し、

【test_img01.jpg】(1352px × 956px)

　↓　↓　↓　↓　↓　↓　↓　

中心点をクリックした時に、
　「水平位置（X軸）=676px／水平位置（Y軸）=478px」
の座標が取得出来る事を期待しているのですが、
垂直位置の座標がずれて取得されてしまいます。
(水平位置は問題なく取得出来ています)

そもそも、GUIウィンドウ上に表示された時点で画像上部が70pxほど見切れており、
この現象が根本的な原因と考えていますが、解決出来ずにいます。

```![イメージ説明](9f8d4e70964690c92da814dde5aa615a.jpeg)



### 補足情報
PC: 
MacBook Air(13inch)

OS:
OS X El Capitan(10.11.6)

今回の問題が発生したAdobeソフト:
PhotoShop CS6
AfterEffects CC 2017

Answer 1

解決方法

画像の表示方法を、ScriptUIImage.newImage()に変更。

var fileObj = new File(img_path);
winObj.add("image",[0, 0, img_width, img_height], fileObj);

↓　↓　↓　↓　↓　↓　↓

var pObj = winObj.add("panel",[0, 0, img_width, img_height]);
pObj.onDraw = function() {
    var myGraphics = this.graphics;
    var myImage = ScriptUI.newImage(img_path);
    myGraphics.drawImage(myImage, 0, 0);
}

実行結果

未検証ですが、おそらくimageオブジェクトでは一定サイズ以上の画像を表示させようとした場合に画像上部の見切れが発生するのだと思います。
(imageオブジェクトはアイコンサイズ程度の利用が妥当...？)

Answer 2

PhotoShop で採れるかわかりませんが、e.pageX e.pageY とかどうでしょう。

【マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client) - Qiita】
https://qiita.com/yukiB/items/31a9e9e600dfb1f34f76

Comments

[stkm]

コメント頂きありがとうございます。

残念ながら、e.offsetX / e.offsetY / e.pageX / e.pageY では取得する事が出来ません。
（Adobe JavaScriptではプロパティこれらのプロパティがない様で、取得出来ず undefined となります…）

[kei344]

winObj.bounds でウィンドウの位置を採って、それで補正とか出来ませんか？

（下記は別のリファレンスですが多分、同じ内容なのではとおもいます）

【Window - API Documentation】
http://cssdk.s3-website-us-east-1.amazonaws.com/sdk/1.0/docs/WebHelp/references/csawlib/com/adobe/incopy/Window.html

[stkm]

ご提案ありがとうございます。

GUIウィンドウ上に表示された時点でそもそも画像の上部が見切れている為、
残念ながらboundsを利用しての補正が難しく...

・・・と、リファレンスを漁っていた所、別の実装方法でやりたい事が実現出来ました。
この後、解決方法を記載致します。