JavaScriptでHTMLの座標を指定して色を取得する

Question

JavaScriptで

left:100px,
top:100px

のように指定して現在その位置に表示されている色を取得する方法を教えて下さい。

Comments

[yambejp]

その位置が透明だったらどうするのでしょうか？

[Super--Beginner]

rgb(0,0,0,0)や別の方法で取得したいです。

Answer 1

以下の方法で取得できます。
ただし、html2canvasにはまあまあバグがあります。

1: html2canvasというライブラリで、canvas化する
2: canvasからcontextを取得する
3: contextからgetImageDataで画像データを取得する
4: 画像データから指定の画素の色情報を取得する

--2020/12/07 16:00 誤字を修正しました。失礼しました。