HTML5 getImageData沒有畫布

Question

有沒有辦法使用圖像的getImageData沒有畫布？我想要在圖像的鼠標位置獲得像素顏色。

Answer 1

不，你不能。

但得到的imageData可以在內存中的畫布來完成，這是快速和容易：

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變量，以便用戶不必在每次點擊來構建它。

請注意，如果圖像來自其他域（如果您使用file://而不是http://打開您的html文件，它將不起作用）。