Skip to content

他山之石可以攻玉:小程序实时图片处理的新思路

304字约1分钟

小程序图片处理canvas阿里云OSS

2024-10-09

Web应用通过canvas来进行图片处理,比如调整亮度、添加水印等能力,是借助用户的设备本地资源来计算的。

而小程序本身寄生在于微信app里面,自然不会被分配太多系统资源。这是其一限制。

第二是canvas写出来的代码不好维护,使用面向过程式的API,代码写起来一团糟。

提供一个很妙的解决方案:

图片放在阿里云OSS,借助OSS的能力进行图片处理

只需要在URL后面添加约定的图片处理参数,每次参数有变更,也就是图片URL发生了变更,浏览器自动加载新图片

这个问题是某前端同事向我咨询的,起因是他在写微信小程序实时调节图片亮度的功能时碰到困难。

我给他的方案就是这个,然后被大呼666了哈哈哈。

阿里云OSS图片处理能力文档