脚本宝典收集整理的这篇文章主要介绍了一个提取图片颜色的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组颜色<br/>
quality
精确度(整数),1是最精确的,默认值是10。值越大抓取速度越快,准确度越低。
以上是脚本宝典为你收集整理的一个提取图片颜色的React组件全部内容,希望文章能够帮你解决一个提取图片颜色的React组件所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。