HTML5 getImageData Tuval olmadan

Question

Tuvalsiz bir resmin getImageData'sini kullanmanın bir yolu var mı? Bir görüntünün fare konumunda piksel rengine ulaşmak istiyorum.

Answer 1

Hayır, yapamazsınız.

Ama imageData alınırken bir bellek içi tuval ile yapılabilir, bu kadar hızlı ve kolay: Her bir tıklama ile inşa etmek zorunda kalmamak için

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); 

Sen theData değişkeni tutabilir.

Görüntü başka bir etki alanından geliyorsa bu işe yaramayacağını unutmayın (ve böylece html dosyanızı http:// yerine file:// kullanarak açarsanız çalışmaz).