React组件: 提取图片颜色

当你需要根据不同图片显示不同的边框色或背景色时，你可以使用React-Color-Thief, 它会告诉你这张图片有哪些颜色，并按颜色比重返回RGB值给你。

?体验一下

如何使用

const colorThief = new ColorThief()
colorThief.getColor(imgDom) //需要在Image onload完成后调用
colorThief.getColorFromUrl(imgUrl).then(...) //异步方法，返回一个Promise
复制代码

//返回8个占比最多的颜色
const colorThief = new ColorThief()
colorThief.getPalette(imgDom, 8) //需要在Image onload完成后调用
复制代码

ColorThief 方法

function	returns
getColor(imgDom[, quality])	[r, g, b]
getPalette(imgDom[, colorCount, quality])	[ [r, g, b], [r, g, b], ...]
getColorFromUrl(imgUrl[, quality])	[r, g, b]
getColorAsync(imgUrl[, quality])	[r, g, b]
convertColorRgb(rgbArray)	"rgb(r, g, b)"

colorCount 颜色数量，默认返回10组颜色
quality 精确度（整数），1是最精确的，默认值是10。值越大抓取速度越快，准确度越低。

转载于:https://juejin.im/post/5b9522d16fb9a05cd849058c

React组件: 提取图片颜色相关推荐

Gradify - 提取图片颜色，创建响应式的 CSS渐变
被请求的HTTP对象之间的延迟会有一个时间段,这个期间网页看起来不完整.Gradify 可以分析出图像中4个最常见的颜色,创建一个梯度(或纯色)作为图片占位符.Gradify 可以在在任何图像发现最突 ...
16进制颜色透明_PPT | 如何快速提取图片颜色之人生太卷
01 2020 真的是猝不及防推文已有四月未更新,作为一个超级硬核,不出家,不还俗简称单身的男人,真正从行动上且精神上践行了下图的名言. 奈何自身修为还不够咸鲜,偶尔登录公共号,越发感觉以前特别鲜红 ...
利用几种颜色量化方法提取图片颜色色调
利用几种颜色量化方法提取图片颜色色调利用几种颜色量化方法提取图片颜色色调 1 k-means方法(在RGB空间) 2 k-means方法(Lab颜色空间) 3 最小方差量化方法rgb2ind() 4 ...
计算机中图像的颜色,详解在电脑中实现提取图片颜色的操作的几种技巧
我们在很多的电脑的软件对于图片的使用中,是有很多的软件可以实现设计的,那在不同的工具中有需要使用到的一些颜色的提取的就是我们需要使用到的不同的问题,怎么在看到图片以后就实现提取图片颜色的呢,今天小编就 ...
颜色量化 matlab,利用几种颜色量化方法提取图片颜色色调
利用几种颜色量化方法提取图片颜色色调这里主要用3种方法:包含两种k-means方法和一种matlab自带的最小方差量化方法. 为了方便对比,文中选用梵高的星空(The Starry Night)作为 ...
用python提取图片主要颜色_Python可视化|09-使用python和R提取图片颜色绘图（五-颜色使用完结篇）...
本文是继前面四篇python可视化颜色使用的完结篇,介绍如何使用python提取图片中的颜色绘图: 如果你不想使用前人设定好的色号或者colormap,想自己从好看的图片中提取颜色,请往下看: 1.颜 ...
怎么用ps提取图片颜色分析色彩搭配
这个小工具(PS插件)还是挺好用的,无需网络,直接在PS软件上面即可使用,支持Win与MAC版PS CS6以上版本,再也不用为分析图片配色发愁了,这个PS脚本插件可以搜一下"图片颜色分析识别 ...
html如何提取图片颜色代码,PS怎么提取颜色做色卡？
PS怎么提取颜色做色卡? 方法1: 打开PS软件,直接拖动要制作成色卡的图片到窗口,然后选择上方编辑栏的[滤镜]--[像素化]--[马赛克],如图: 单元格数字大小随意自己掌控,数字越小,得到的颜色越 ...
android提取图片颜色代码,Android 中动态提取图片中颜色作为主题色
功能需求一个页面中顶部显示一张图片(图片从网络加载),此时需要根据图片的颜色来动态调整顶部标题栏的背景色. 技术要求 Android 调色板支持库实现过程 1.添加调色板支持库 dependenc ...

React组件: 提取图片颜色

如何使用

ColorThief 方法

React组件: 提取图片颜色相关推荐

最新文章

热门文章