如何动态获取图片的主色?是否有组件支持?

小程序 文章 2021-02-01 11:01 361 0 全屏看文

AI助手支持GPT4.0

如何动态获取图片的主色?是否有组件支持?How to dynamically get the main color of the picture? Is there component support?

如何动态获取图片的主色?是否有组件支持?

需求:根据不同图片的主色调渲染不同的背景颜色

Requirements: render different background colors according to the main colors of different pictures

回答:

卢霄霄:

取所有像素点,把颜色加起来,除以像素数?

刘世冲:用js能处理吗?
卢霄霄:纯js不行,需要借助canvas。。不过这个canvas可以用定位隐藏起来。。用canvas有2个原因
1、处理太多像素点效率低下,可以借助canvas压缩一下图片
2、在不借助后台的前提下,只有canvas可以获取图片的像素信息
卢霄霄:话说 我如果把图片全尺寸画到一个 1px*1px 尺寸的canvas上,那个颜色会不会就是图片主体色呢。。没试过。。
刘世冲:哈哈,思路很好,可以一试,不知道有没有类库
跨商通:

百度一下,攻略不少。

应该用后端或者云函数来处理吧。

吃鱼先生:

其实百度挺好找的,

没"组件"自己封装一个就行了.

-EOF-

AI助手支持GPT4.0