Edición de imágenes del lado del cliente en dispositivos móviles

Michael Scharnagl :

¿Alguna vez quisiste convertir fácilmente una imagen a una imagen en escala de grises en tu teléfono? A veces lo hago, y es por eso que creo una demostración usando la API Web Share Target para lograr exactamente eso.

Para esto utilicé la forma Service Worker para manejar los datos. Una vez que se reciben los datos en el cliente, uso drawImage del lienzo para dibujar la imagen en el lienzo, uso el filtro de escala de grises para convertirla a una imagen en escala de grises y generar la imagen final.

Entonces, “instalas” el pequeño micrositio como una PWA, luego “compartes” de forma nativa una imagen y vuelve editada. Inteligente. Android en Chrome sólo por el momento.

Me recuerda esta idea de “Funciones del navegador” al revés. Ese era un servidor que hacía cosas que un navegador puede hacer, este es un navegador que hace cosas que normalmente hace un servidor.

Enlace directo →