Come posso ottenere il colore di qualsiasi pixel specificato su una pagina Web?

Question

La mia ricerca iniziale indica che per motivi di sicurezza potrei non essere in grado di farlo, ma lo chiederò comunque. Come posso ottenere il colore di di qualsiasi pixel specificato su una pagina Web da?
Per essere più specifici, questa è la mia pagina web che contiene colore di sfondo, immagini, elementi modificati in css. Ho bisogno di conoscere il colore di un pixel specifico sulla pagina web completamente renderizzata. Le informazioni non possono provenire da una schermata, perché voglio modificare la mia pagina completamente renderizzata.

Ouch !!! Qualcuno mi ha davvero "meno 1" per aver fatto domande sincere? Folla difficile!

Per essere più specifici: Desidero aggiungere un elemento canvas mobile all'utente alla pagina Web che altera visivamente la parte della pagina Web su cui è posizionata la tela. Pensa all'elemento canvas come a una lente di ingrandimento che l'utente può spostare attraverso la pagina web. Ma l'effetto reale che voglio che l'elemento canvas produca è un filtro colore (da qui la necessità dei colori sottostanti).

Answer 1

Impossibile eseguire w/script + trucchi. Forse tramite un plugin

Se è possibile configurare un browser sul lato server per eseguire il rendering delle pagine, è possibile che funzioni.

Answer 2

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

Ok qualche dettaglio in più qui ....

Con Chrome plug-in è possibile caricare la tua pagina, e utilizzare il piccolo strumento contagocce per selezionare un segmento della pagina che si sta interessato a scoprire il colore. È semplice, ma per il tuo "Modifica" la sua sorta di raschiatura dello schermo. Non sono sicuro se puoi o non puoi usare Chrome.

Se non è possibile utilizzare un plug-in, è possibile selezionare l'elemento html tramite clic destro?

Answer 3

È possibile utilizzare la libreria html2canvas per eseguire il reindirizzamento della pagina Web su un'area di disegno ogni volta che si aggiorna il DOM, quindi acquisire le informazioni sui pixel dall'area di disegno.

Tuttavia, sembra che ciò che si sta tentando di ottenere potrebbe essere possibile fare con i filtri CSS. Here's a demo of what css filters can do. È necessario eseguire il rendering di due livelli con lo stesso codice HTML, in cui il livello superiore ha applicato il filtro e viene ritagliato per coprire solo l'area desiderata.