No tenía idea de que esto iba a suceder, ¡pero está bastante bien! Chrome ha enviado la API EyeDropper en v95 (Canary, mientras escribo).
🎨 Loving the new `EyeDropper` Web API:
“`js
await new EyeDropper().open();
// Returns the picked color, e.g.,
// { "sRGBHex": "#ddd9e0" }
“`Try it in Chrome 95. pic.twitter.com/990uyvOngp
— Thomas Steiner (@tomayac) September 1, 2021
La API EyeDropper ahora está disponible en @Google Chrome canary (95), una forma genial de crear un “selector de color”.
Eche un vistazo al codepen para API y ejemplo 🙂 https://t.co/Lo6afsnr4w
Vídeo alternativo:
Un ejemplo de la api EyeDropper usando el ejemplo# JavaScript # 100DaysOfCode #Interfaz pic.twitter.com/W2TopAE2eH
– Matan Borenkraout (@matanbobi) 31 de agosto de 2021
Me gusta cómo puede tomar un color desde cualquier lugar de la pantalla, no solo dentro de la ventana del navegador. Tal vez Figma pueda usarlo, ya que me ha frustrado en el pasado cómo solo se pueden enganchar colores del área de trabajo de Figma, no en cualquier lugar de la pantalla.
Como una forma de conectar esto con alguna otra tecnología novedosa, consulte este bolígrafo de Andrew Walpole (en Chrome 95+):
Utiliza la API EyeDropper, pero petite-vue es el marco de la aplicación en uso y, en mi opinión, es una expresión tremendamente elegante de una aplicación interactiva. Esta nueva versión de Vue es bastante nueva y está destinada a ser utilizada directamente en el navegador. Lo veo captando la atención de algunos desarrolladores. Aquí están los pensamientos de Dave Rupert, así como lo que piensa Andrew Welch al respecto.