Vielen Dank für Ihre Antwort. Ich hätte mit meiner Frage konkreter sein sollen. Ich habe mir einige Beispiele angeschaut, aber hier ist die von W3-Schulen (danke @ Pointy für den Hinweis, dass dies keine Quelle ist, auf die man sich verlassen sollte - kein Wortspiel beabsichtigt).
%Vor%Zunächst bin ich ein bisschen verwirrt, da das Beispiel auf der W3 Schools-Website die Pixelfarben des invertierten Bildes zeigt, aber wenn ich den Code in Sublime Text 2 kopiere, ihn speichere und in Chrome öffne, wird der Pixelfarben des Bildes werden nicht invertiert und das Bild erscheint genau gleich daneben.
Meine Hauptfrage ist, wie kann ich eine Zeile zu diesem Code hinzufügen, um das gesamte Array von Pixeldaten für das Bild anzuzeigen?
Ich fügte ein leeres Div mit der ID "data" unter dem Bild hinzu und fügte den folgenden Code hinzu, aber das gesamte Array der Pixeldaten wurde nicht angezeigt:
%Vor%Ich habe auch versucht, mindestens die Länge des Pixeldatenarrays zu sehen, indem ich das folgende hinzufüge, aber es hat nicht funktioniert:
%Vor%Ich habe mir ein paar Beispiele für die Manipulation von Bildpixeldaten aus verschiedenen Quellen angeschaut und einige Male versucht, das gesamte Array von Pixeldaten zu erhalten, was aber nicht möglich war.
Ich möchte das Array von Pixeldaten betrachten, um Zeichen oder Bilder innerhalb des Bildes zu erkennen und Muster zu erkennen, die aus bestimmten Dingen im Bild entstehen können.
Vielen Dank für Ihre Hilfe.
Dies sollte genau das sein, was Sie brauchen:
Im Folgenden erfahren Sie, wie Sie auf Details eines RGBA-Pixels zugreifen können:
%Vor%Bearbeiten: Die Antwort auf Ihre bearbeitete Frage lautet:
%Vor%oder Sie können eine Schleife verwenden, um über das Array zu iterieren und jedes Mal ein Element wie folgt zu drucken:
%Vor%Ich hoffe, das hilft.
Tags und Links javascript html5 canvas pixel-manipulation