キャンバスのないHTML5のgetImageData

Question

キャンバスのないイメージのgetImageDataを使用する方法はありますか？私はイメージのマウスの位置でピクセルの色に到達したいです。

Answer 1

いいえ、できません。

しかし、画像データを得ることは、メモリ内のキャンバスで行うことができ、それが迅速かつ簡単です：あなたは、各クリックするだけでそれを構築する必要がないように

var canvas = document.createElement('canvas'); 
var context = canvas.getContext('2d'); 
var img = document.getElementById('someImageId'); 
context.drawImage(img, 0, 0); 
var theData = context.getImageData(0, 0, img.width, img.height); 

あなたはtheData変数を保持してもよいです。

画像が別のドメインからのものである場合、画像がhttp://の代わりにfile://を使用して開いた場合、この画像は機能しません。