移动端客户端图片编辑

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

Michael Scharnagl:

您是否曾经想在手机上轻松地将图片转换为灰度图片? 我有时会,这就是我使用 Web Share Target API 构建演示以实现这一点的原因。

为此,我使用了 Service Worker 来处理数据。 数据在客户端接收后,我使用 canvas 的 drawImage 绘制图片到 canvas,使用灰度滤镜将其转换为灰度图片,并输出最终图片。

因此,您可以像 PWA 一样“安装”这个微型网站,然后将图片“分享”到它,它就会以编辑后的形式返回。 很聪明。 目前仅限 Chrome 上的 Android。

让我想起这个 “浏览器函数” 的想法,反过来。 那是一个服务器执行浏览器可以做的事情,而这则是浏览器执行服务器通常做的事情。

直接链接 →