博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React组件: 提取图片颜色
阅读量:6589 次
发布时间:2019-06-24

本文共 721 字,大约阅读时间需要 2 分钟。

当你需要根据不同图片显示不同的边框色或背景色时,你可以使用, 它会告诉你这张图片有哪些颜色,并按颜色比重返回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

你可能感兴趣的文章
linux统计多个文件大小总和
查看>>
java基础-Eclipse开发工具介绍
查看>>
JS常见的字符串操作
查看>>
洛谷P1069 细胞分裂 数学
查看>>
JAVA中的编码分析
查看>>
查看源代码Source not found及在eclipse中配置jdk的src.zip源代码
查看>>
document.all用法
查看>>
uniGUI试用笔记(二)
查看>>
HOG特征-理解篇
查看>>
Microsoft.AlphaImageLoader滤镜解说
查看>>
extjs_02_grid(显示本地数据,显示跨域数据)
查看>>
超过响应缓冲区限制
查看>>
ubuntu 下安装 matplotlib
查看>>
webservice的几个简单概念
查看>>
underscore 1.7.0 api
查看>>
C# CheckedListBox控件的使用方法
查看>>
spring Transaction Management --官方
查看>>
iOS开发-清理缓存功能的实现
查看>>
IS_ERR、PTR_ERR、ERR_PTR
查看>>
html5 canvas 奇怪的形状垂直渐变
查看>>