2010-05-02 5 views
10

Ich versuche, ein Lesezeichen zu machen. Aber ich stecke irgendwann fest. Ich muss den RGB- oder den Farbwert eines Bildes von sehr x Pixel mit der "For Next" -Anweisung extrahieren. Aber ich weiß nicht, welche Funktion mir helfen kann, den RGB-Wert zu extrahieren. Kann mir bitte jemand mit der Funktion helfen, die den Wert von RCG eines bestimmten Punktes in einem Bild angibt?Wie erhalte ich den RGB-Wert eines Bildes auf einer Seite mit Javascript?

+0

Diese Frage scheint ein Duplikat zu sein: http://stackoverflow.com/questions/934012/get-image-data-in-javascript –

Antwort

2

Sie können use a canvas.

+0

Vielen Dank. Ich denke, dass die Verbindungen mir helfen werden. Ich danke dir sehr –

5

Dies ist eine schwierige Frage. Es gibt keine Methode, die mir im Standard-DOM bekannt ist, mit der Sie den RGB-Wert von Pixeln in einem extrahieren können. Wenn Sie HTML5 verwenden möchten, können Sie die <canvas> element nutzen. Sie können ein Bild in die Zeichenfläche laden (.drawImage()) und dann die gewünschten RGB-Werte erhalten (.getImageData(); siehe den Link in SLaks ’ Antwort). Natürlich wird dies nicht auf IE8 funktionieren, da es <canvas> nicht unterstützt.

Eine alternative Option könnte darin bestehen, einen AJAX-Aufruf an einen Webdienst zu senden, um Pixeldaten zu erhalten. Das serverseitige Skript kann das Bild laden, RGB-Werte abrufen und es als JSON an Ihr Bookmarklet zurückgeben. Dies erhöht offensichtlich die Latenz eines Roundtrip zu einem Server, ist jedoch kompatibler. (Beachten Sie jedoch auch domänenübergreifende Probleme.)

Verwandte Themen