Hi
Ich weiß, dass hier nicht viel zu Javascript gefragt wird, hätte aber trotzdem ne Frage.
Ich bin jetzt schon seit längerem dran, herauszufinden, wie ich aus einem Image die Farbe eines bestimmten Pixels auslesen kann.
Googlen hat ergeben, dass das nur mit <canvas> möglich ist, nur ist meine Frage wie.
Viele haben diese Frage schon gestellt, nur konnte das mir nicht weiter helfen, da ich mich damit auch überhaupt nicht auskenne.
Ergeben hat bisher, dass ich das so machen soll.
|
C-/C++-Quelltext
|
1
2
3
4
5
6
7
8
9
10
11
|
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d')
var img = document.getElementById("testimg");
ctx.drawImage(img, 0, 0);
var color = ctx.getImageData(30, 20, 1, 1).data;
alert(color[3]);
|
Nach meiner Recherche sollte das mir nun den Alphawert an der Koordinate (30|20) ausgeben, aber dies tut es nicht.
Es kommt immer zu einem nicht idetifizierbaren Felher in der getImagaData-Funktion, da die Funktion, in der sich der Code befindet, danach abbricht.
Kann mir da jemand helfen?