例として、「//upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg」というURLがあるとします。リモートjpg画像の左上のピクセルの色を取得する
javascript（jQueryまたはAngular）を使用してこの画像の左上（または任意の（x、y）座標）を取得する方法はありますか？
P.S.もちろん、イメージはCORSの問題を避けるために同じドメインに属します。
P.P.S.画像はまだDOMにはありません。
は
<script>
elem = document.getElementById("img");//outer starts at your elem then walks out
var innerYValue = 0;
var innerXValue = 0;
while(elem != null) {
innerYValue += elem.offsetTop;
innerXValue += elem.offsetLeft;
elem = elem.offsetParent;
}
alert("x: "+innerXValue +"\ny: "+innerYValue);
</script>
このスクリプトを試してみてください、私は尋ねた質問の前にそのソリューションを読みました。いいえ、それは既にDOMにロードされている画像用です。 – Haradzieniec
イメージからのピクセルデータ、またはDOMツリー内のその場所からデータを取得しますか？ –
Moshリンク先の解決策が問題を解決します。イメージがDOMにあるかどうかは関係ありません。ピクセルを取得する唯一の方法は、イメージをキャンバスに描画した後にgetImageDataを使用することです（手動でイメージファイルを解析する場合を除きます）。 – K3N