2010-05-02 14 views
10

Próbuję zrobić zakładkę-let. Ale utknąłem w pewnym momencie. Potrzebuję wyodrębnić RGB lub wartość koloru obrazu bardzo x piksel za pomocą instrukcji "For Next". Ale nie wiem, która funkcja może mi pomóc wyodrębnić wartość RGB. Czy ktoś może mi pomóc z funkcją, która określa wartość RCG danego punktu na obrazku?Jak uzyskać wartość RGB obrazu na stronie przy użyciu javascript?

+0

To pytanie wydaje się być duplikatem: http://stackoverflow.com/questions/934012/get-image-data-in-javascript –

Odpowiedz

2

Możesz use a canvas.

+0

Dziękuję bardzo. Myślę, że linki mi pomogą. Dziękuję bardzo –

5

To jest trudne pytanie. W standardowym DOM nie ma metody, która umożliwiałaby wyodrębnienie wartości RGB pikseli w <img>.

Jeśli jednak chcesz zagłębić się w HTML5, możesz skorzystać z <canvas> element. Możesz załadować obraz do płótna (.drawImage()), a następnie uzyskać wartości RGB, którego szukasz (.getImageData(); zobacz łącze w odpowiedziach SLaks ’). Oczywiście to nie zadziała na IE8, ponieważ nie obsługuje <canvas>.

Alternatywną opcją może być wywołanie AJAX do usługi internetowej w celu pobrania danych pikseli. Skrypt po stronie serwera może załadować obraz, uzyskać wartości RGB i zwrócić je jako JSON do skryptozakładki. To oczywiście zwiększa opóźnienie w obie strony na serwerze, ale jest bardziej kompatybilne. (Weź również pod uwagę problemy z wieloma domenami).

Powiązane problemy