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?
Antwort
Sie können use a canvas.
Vielen Dank. Ich denke, dass die Verbindungen mir helfen werden. Ich danke dir sehr –
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.)
- 1. Wie erhalte ich den Instanznamen eines Benutzersteuerelements?
- 2. Wie erhalte ich den Wert eines Nachkommenelements?
- 3. Wie bekomme ich den Inhalt einer entfernten Seite mit JavaScript?
- 4. Wie Ändern der Fensterebene eines Bildes auf Leinwand mit JavaScript
- 5. Wie bekomme ich den Titel einer HTML-Seite mit JavaScript?
- 6. Wie ermittle ich den Farbmodus eines hochgeladenen Bildes in ASP.Net
- 7. Wie erhöhe ich den Kontrast eines Bildes mit opencv C++?
- 8. Ändern eines Bildes beim Hover mit Javascript
- 9. Wie lege ich den Basisreference einer Seite in Javascript fest?
- 10. Hashing eines Bildes in Javascript
- 11. Wie erstelle ich eine textuelle Binärdarstellung eines Bildes in JavaScript?
- 12. Wie kann ich die Breite eines Bildes auf einer HTML-Seite vergrößern?
- 13. Hinzufügen eines Bildes zu einer Kopfzeile nur auf den Seiten
- 14. Wie erhalte ich einen Link zum Öffnen eines bestimmten Tabs auf einer Seite?
- 15. Den dominanten Farbton eines Bildes erhalten
- 16. Teil eines Bildes mit JavaScript erhalten
- 17. Zentrieren eines Bildes in Javascript
- 18. Drehen eines Bildes mit CSS
- 19. Wie finde ich Koordinaten einer HTML-Schaltfläche oder eines Bildes?
- 20. JAVA- Verschieben eines Bildes mit den Pfeiltasten
- 21. Wie ändere ich den Wert der RGB-Komponente eines Bildes
- 22. Wie erhalte ich den höchsten Wert eines Delphi-Sets?
- 23. Wie kann ich den Typ eines Bildes überprüfen?
- 24. Wie bekomme ich die Mitte eines Bildes in Javascript?
- 25. Erkennen eines Bildes 404 in Javascript
- 26. Den Rand eines Bildes verwischen
- 27. Wie kann ich den Hintergrund eines Bildes programmgesteuert erkennen?
- 28. Wie kann ich den Pixelwert eines Bildes in PHP erhalten?
- 29. Wie erhalte ich die URL eines anderen Inhaltselements mit N2CMS?
- 30. Wie erhalte ich den Rückgabewert eines Ajax-Aufrufs?
Diese Frage scheint ein Duplikat zu sein: http://stackoverflow.com/questions/934012/get-image-data-in-javascript –