🌈 rgb-picker ：拾取图片的主颜色

🌈 rgb-picker 拾取图片的主颜色

rgb-picker是一个分析图片的主调颜色，并支持选取图片特定矩形范围进行分析的一种工具

🌰 栗子：

文字通过图片的主颜色的对比色变化

1. 安装

npm install rgb-picker -S

2. 使用

import rgbPicker from 'rgb-picker'
...
rgbPicker('./img/img_1.png').then(res => {
   ...
})
​
// res 返回格式 
res => {
  allData:[
    {color:'255,255,255,255',count:2},
    {color:'0,0,0,255',count1}
  ], // 所有数据 已排序
  mainColor:'255,255,255,255', // 主颜色
  revertMainColor: "0,0,0,255" // 主颜色的对比色
} 

3. 配置

rgb-picker可以选取特定范围进行颜色提取

x: 要选取的范围的启始x点（默认为0）

y: 要选取的范围的启始y点（默认为0）

width: 要选取的范围的宽度（默认为图片的宽度）

height: 要选取的范围的高度（默认为图片的高度）

wPercent: 要选取的范围的宽度比例（默认为1, wPercent * width = 实际宽度）

hPercent: 要选取的范围的高度比例（默认为1, hPercent * height = 实际高度）

rgbPicker('./img/img_1.png',{x:0, y:0, width:100, height:100,
                                     wPercent:1, hPercent:1}).then(res => {
   ...
})

github: github.com/JackPennnnn…