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

小程序文章 2021-02-01 11:01 468  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

原文出处:如何动态获取图片的主色？是否有组件支持？

您还可能感兴趣的文章

国内超级便宜服务器

摸鱼人热门新闻聚合

点我查看热门新闻聚合

钻级赞助商我要加入

开发者在线工具

开发者在线工具

第三方支付技术请加QQ群

开发工具

开发者工具 Java程序员常用链接

相关文章: open-data =userAvatarUrl 显示用户头像，会不会侵权？; 求问列表渲染中，怎么把两张图并排？; downloadFile合法域名已设置，一直报url not in domain list; 小游戏虚拟支付的提现账号不小心写错，想修改账号; 已达到开店上限是不是开不了店？

随便看看: 微信公众号免300认证教程 5892; 小程序已经上线，作为管理员无法在小程序数据助手查看数据？ 5299; 小程序广告组件通过审核，但是小程序内没有显示广告？ 5067; 企业微信通讯录账号被管理员误/恶意删除，怎么办？ 9568; 问题？ 9048; 如何快速搭建抽奖助手小程序(无需代码知识) 6177; 许涛大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 7472; 小程序搜一搜全称搜索不显示麻烦解决一下！谢谢 6793; 我的小程序广告收款主体是个体工商户，每个月邮寄两次发票很是麻烦，我年底的时候打包邮寄一次可以么？ 6127; 如何解决渲染层网络错误Failed to load media？ 17393

友情链接

