【小程序】小程序图像处理：图片配色分析

最新推荐文章于 2024-08-13 15:12:16 发布

weixin_34220179

最新推荐文章于 2024-08-13 15:12:16 发布

阅读量4.7k

点赞数

文章标签：人工智能 ui

原文链接：https://segmentfault.com/a/1190000016499079

版权

本文介绍了如何在小程序中实现图像处理，特别是图片配色分析。借助微信小程序的基础库更新，通过canvasGetImageData API获取图片数据，然后进行预处理和像素聚类，以创建色卡。此功能对UI设计师有所帮助，源码已开源。

摘要由CSDN通过智能技术生成

背景

小程序的canvas是微信基于原生组件自行封装的，因此接口跟web的canvas有不少区别，早期更是没有支持像素级的处理能力。
在18年初的小程序基础库1.9.0版本更新中，出现了wx.canvasGetImageData和wx.canvasPutImageData两个重要的API，补全了像素处理能力，因此，小程序在客户端进行图片处理成为了可能。
具体可以参考：
偷偷迭代的重磅功能---小程序的像素处理能力
 wx.canvasGetImageData

图片配色分析小程序：小色卡

为了尝试小程序的图像处理能力，我做了个用于图片配色分析的小程序-小色卡。
功能主要是：用户选择一张图片，程序会分析图片的配色，并把配色展示为一张色卡给用户。用户可以保存、编辑、复制自己的色卡。这个功能对初级的UI设计师有一定的帮助（可能吧...）。
源码：github：mini-color-card
体验小程序：