Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

[Javascript] Farbe aus Pixel auslesen

Werbeanzeige

ProAmateur

Alter Hase

  • »ProAmateur« ist der Autor dieses Themas

Beiträge: 434

Wohnort: Bei Simmern, Koblenz

Beruf: Schüler

  • Private Nachricht senden

1

13.05.2013, 16:15

[Javascript] Farbe aus Pixel auslesen

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?
"Die Neugier steht immer an erster Stelle eines Problems, das gelöst werden will."
Galileo Galilei
________________________________________________________________________

"Dumme Fragen gibt es nicht, dumm ist nur, wer nicht fragt.“

Steef

Alter Hase

Beiträge: 492

  • Private Nachricht senden

2

13.05.2013, 18:11

Browser? Genaue Fehlermeldung (Fehlerkonsole)?

Der Code ist eigentlich OK.
"Theory is when you know something, but it doesn’t work. Practice is when something works, but you don’t know why. Programmers combine theory and practice: Nothing works and they don’t know why." - Anon

ProAmateur

Alter Hase

  • »ProAmateur« ist der Autor dieses Themas

Beiträge: 434

Wohnort: Bei Simmern, Koblenz

Beruf: Schüler

  • Private Nachricht senden

3

13.05.2013, 18:37

jeder Browser, hab keine Fehlermeldung

also, entweder wird im canvas das img angezeigt und dann bricht der code bei getimagedata ab,
oder das bild wird nicht angezeigt, der code bricht nicht ab, aber alle data[x] haben den wert 0.

Is ganz komisch!
"Die Neugier steht immer an erster Stelle eines Problems, das gelöst werden will."
Galileo Galilei
________________________________________________________________________

"Dumme Fragen gibt es nicht, dumm ist nur, wer nicht fragt.“

Tobiking

1x Rätselkönig

Beiträge: 1 231

  • Private Nachricht senden

4

13.05.2013, 22:33

Wann wird der gezeigte Code denn ausgeführt? Wenn du nicht auf DOM ready, oder zumindest bis die verwendeten Bilder geladen sind wartest, gibt das schon mal komische Effekte.

ProAmateur

Alter Hase

  • »ProAmateur« ist der Autor dieses Themas

Beiträge: 434

Wohnort: Bei Simmern, Koblenz

Beruf: Schüler

  • Private Nachricht senden

5

14.05.2013, 06:52

Die Funktion wird bei click auf das Bild ausgeführt, dh das Bild ist schon fertig geladen.
Soll ich mal den Code im Kontext schicken?
Soll ich sie einfach grad online stellen?
"Die Neugier steht immer an erster Stelle eines Problems, das gelöst werden will."
Galileo Galilei
________________________________________________________________________

"Dumme Fragen gibt es nicht, dumm ist nur, wer nicht fragt.“

ProAmateur

Alter Hase

  • »ProAmateur« ist der Autor dieses Themas

Beiträge: 434

Wohnort: Bei Simmern, Koblenz

Beruf: Schüler

  • Private Nachricht senden

6

16.05.2013, 06:44

Weiß keiner was?
"Die Neugier steht immer an erster Stelle eines Problems, das gelöst werden will."
Galileo Galilei
________________________________________________________________________

"Dumme Fragen gibt es nicht, dumm ist nur, wer nicht fragt.“

BlueCobold

Community-Fossil

Beiträge: 10 738

Beruf: Teamleiter Mobile Applikationen & Senior Software Engineer

  • Private Nachricht senden

7

16.05.2013, 06:58

Hast Du mal versucht Exceptions zu catchen?
Teamleiter von Rickety Racquet (ehemals das "Foren-Projekt") und von Marble Theory

Willkommen auf SPPRO, auch dir wird man zu Unity oder zur Unreal-Engine raten, ganz bestimmt.[/Sarkasmus]

Werbeanzeige

Ähnliche Themen