前端根据图片提取主题色

主要工具应用：
RGBaster

范例：
 

//获取图片主题色
    getImgColor(_img) {
      RGBaster.colors(_img, {
        paletteSize: 10,
        //调色板大小（可选项）
        exclude: ['rgb(0,0,0)', 'rgb(255,255,255)', 'rgb(254,254,254)'],
        //剔除的颜色
        success: payload => {
          // payload.dominant是主色，RGB形式表示
          // payload.secondary是次色，RGB形式表示
          // payload.palette是调色板，含多个主要颜色，数组
          // console.log(payload.dominant)
          // console.log(payload.secondary)
          this.color = payload.dominant
          // this.color = this.getHexBgColor(payload.secondary)
        }
      })
    },

应用场景：

图片 展示长边显示时添加背景色