//转化颜色
function getHexColor(values) {
  // 传的color须为字符串
  // var values = color
  //   .replace(/rgba?\(/, '')  // 把 "rgba(" 去掉，变成  "194, 7, 15, 1)"
  //   .replace(/\)/, '')		 // 把 ")" 去掉，变成 "194, 7, 15, 1"
  //   .replace(/[\s+]/g, '')   // 把空格去掉，变成 "194,7,15,1"
  //   .split(',')				 // 变成数组 [194,7,15,1]
  var a = parseFloat(values[3] || 1), // values[3]是rgba中的a值，没有的话设置a为1，a可能为小数，所以用parseFloat函数
    r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255), // 转换为16进制
    g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),
    b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);
  return (
    '#' +
    ('0' + r.toString(16)).slice(-2) + // 转换后的16进制可能为一位，比如 7 就转换为 7 ， 15 转换为 f
    ('0' + g.toString(16)).slice(-2) + // 当为一位的时候就在前面加个 0，
    ('0' + b.toString(16)).slice(-2)
  ); // 若是为两位，加 0 后就变成了三位，所以要用 slice(-2) 截取后两位
}

//计算线性渐变的中间颜色值
function getColorBetweenTwoColors(colorA, colorB, ratio) {
  const r = Math.round((colorB[0] - colorA[0]) * ratio + colorA[0]);
  const g = Math.round((colorB[1] - colorA[1]) * ratio + colorA[1]);
  const b = Math.round((colorB[2] - colorA[2]) * ratio + colorA[2]);

  return getHexColor([r, g, b, 1]);
}

export { getHexColor, getColorBetweenTwoColors };