nsn-util/es/NPix.js

NSN工具辅助组件

// 十六进制透明度
export var OPACITY_100 = 'FF';
export var OPACITY_99 = 'FC';
export var OPACITY_98 = 'FA';
export var OPACITY_97 = 'F7';
export var OPACITY_96 = 'F5';
export var OPACITY_95 = 'F2';
export var OPACITY_94 = 'F0';
export var OPACITY_93 = 'ED';
export var OPACITY_92 = 'EB';
export var OPACITY_91 = 'E8';
export var OPACITY_90 = 'E6';
export var OPACITY_89 = 'E3';
export var OPACITY_88 = 'E0';
export var OPACITY_87 = 'DE';
export var OPACITY_86 = 'DB';
export var OPACITY_85 = 'D9';
export var OPACITY_84 = 'D6';
export var OPACITY_83 = 'D4';
export var OPACITY_82 = 'D1';
export var OPACITY_81 = 'CF';
export var OPACITY_80 = 'CC';
export var OPACITY_79 = 'C9';
export var OPACITY_78 = 'C7';
export var OPACITY_77 = 'C4';
export var OPACITY_76 = 'C2';
export var OPACITY_75 = 'BF';
export var OPACITY_74 = 'BD';
export var OPACITY_73 = 'BA';
export var OPACITY_72 = 'B8';
export var OPACITY_71 = 'B5';
export var OPACITY_70 = 'B3';
export var OPACITY_69 = 'B0';
export var OPACITY_68 = 'AD';
export var OPACITY_67 = 'AB';
export var OPACITY_66 = 'A8';
export var OPACITY_65 = 'A6';
export var OPACITY_64 = 'A3';
export var OPACITY_63 = 'A1';
export var OPACITY_62 = '9E';
export var OPACITY_61 = '9C';
export var OPACITY_60 = '99';
export var OPACITY_59 = '96';
export var OPACITY_58 = '94';
export var OPACITY_57 = '91';
export var OPACITY_56 = '8F';
export var OPACITY_55 = '8C';
export var OPACITY_54 = '8A';
export var OPACITY_53 = '87';
export var OPACITY_52 = '85';
export var OPACITY_51 = '82';
export var OPACITY_50 = '80';
export var OPACITY_49 = '7D';
export var OPACITY_48 = '7A';
export var OPACITY_47 = '78';
export var OPACITY_46 = '75';
export var OPACITY_45 = '73';
export var OPACITY_44 = '70';
export var OPACITY_43 = '6E';
export var OPACITY_42 = '6B';
export var OPACITY_41 = '69';
export var OPACITY_40 = '66';
export var OPACITY_39 = '63';
export var OPACITY_38 = '61';
export var OPACITY_37 = '5E';
export var OPACITY_36 = '5C';
export var OPACITY_35 = '59';
export var OPACITY_34 = '57';
export var OPACITY_33 = '54';
export var OPACITY_32 = '52';
export var OPACITY_31 = '4F';
export var OPACITY_30 = '4D';
export var OPACITY_29 = '4A';
export var OPACITY_28 = '47';
export var OPACITY_27 = '45';
export var OPACITY_26 = '42';
export var OPACITY_25 = '40';
export var OPACITY_24 = '3D';
export var OPACITY_23 = '3B';
export var OPACITY_22 = '38';
export var OPACITY_21 = '36';
export var OPACITY_20 = '33';
export var OPACITY_19 = '30';
export var OPACITY_18 = '2E';
export var OPACITY_17 = '2B';
export var OPACITY_16 = '29';
export var OPACITY_15 = '26';
export var OPACITY_14 = '24';
export var OPACITY_13 = '21';
export var OPACITY_12 = '1F';
export var OPACITY_11 = '1C';
export var OPACITY_10 = '1A';
export var OPACITY_9 = '17';
export var OPACITY_8 = '14';
export var OPACITY_7 = '12';
export var OPACITY_6 = '0F';
export var OPACITY_5 = '0D';
export var OPACITY_4 = '0A';
export var OPACITY_3 = '08';
export var OPACITY_2 = '05';
export var OPACITY_1 = '03';
export var OPACITY_0 = '00';
/**
 * hex 与 透明度对应关系
 */

var OPACITY = [OPACITY_0, OPACITY_1, OPACITY_2, OPACITY_3, OPACITY_4, OPACITY_5, OPACITY_6, OPACITY_7, OPACITY_8, OPACITY_9, OPACITY_10, OPACITY_11, OPACITY_12, OPACITY_13, OPACITY_14, OPACITY_15, OPACITY_16, OPACITY_17, OPACITY_18, OPACITY_19, OPACITY_20, OPACITY_21, OPACITY_22, OPACITY_23, OPACITY_24, OPACITY_25, OPACITY_26, OPACITY_27, OPACITY_28, OPACITY_29, OPACITY_30, OPACITY_31, OPACITY_32, OPACITY_33, OPACITY_34, OPACITY_35, OPACITY_36, OPACITY_37, OPACITY_38, OPACITY_39, OPACITY_40, OPACITY_41, OPACITY_42, OPACITY_43, OPACITY_44, OPACITY_45, OPACITY_46, OPACITY_47, OPACITY_48, OPACITY_49, OPACITY_50, OPACITY_51, OPACITY_52, OPACITY_53, OPACITY_54, OPACITY_55, OPACITY_56, OPACITY_57, OPACITY_58, OPACITY_59, OPACITY_60, OPACITY_61, OPACITY_62, OPACITY_63, OPACITY_64, OPACITY_65, OPACITY_66, OPACITY_67, OPACITY_68, OPACITY_69, OPACITY_70, OPACITY_71, OPACITY_72, OPACITY_73, OPACITY_74, OPACITY_75, OPACITY_76, OPACITY_77, OPACITY_78, OPACITY_79, OPACITY_80, OPACITY_81, OPACITY_82, OPACITY_83, OPACITY_84, OPACITY_85, OPACITY_86, OPACITY_87, OPACITY_88, OPACITY_89, OPACITY_90, OPACITY_91, OPACITY_92, OPACITY_93, OPACITY_94, OPACITY_95, OPACITY_96, OPACITY_97, OPACITY_98, OPACITY_99, OPACITY_100];
/**
 * 将 rgba 装换为 带透明度的 hex
 * @param rgba 格式 rgba(0,0,0, 50%) 或 rgba(0,0,0, 0.5)
 */

var getHex = function getHex(rgba) {
  var values = rgba.replace(/rgba?\(/, '').replace(/\)/, '').replace(/[\s+]/g, '').split(',');
  var r = Math.floor(parseInt(values[0]));
  var g = Math.floor(parseInt(values[1]));
  var b = Math.floor(parseInt(values[2]));
  var rHex = "0".concat(r.toString(16)).slice(-2);
  var gHex = "0".concat(g.toString(16)).slice(-2);
  var bHex = "0".concat(b.toString(16)).slice(-2);
  var alphaHex = undefined;
  var alpha = values[3];

  if (alpha) {
    var alphaNum = 1;

    if (alpha.endsWith('%')) {
      alphaNum = Math.floor(parseFloat(alpha.substring(0, alpha.indexOf('%'))));
    } else {
      alphaNum = Math.floor(parseFloat(alpha) * 100);
    }

    alpha = alphaNum > 100 || alphaNum < 0 ? '100' : "".concat(alphaNum);
    alphaHex = OPACITY[alphaNum];
  }

  return "#".concat(rHex).concat(gHex).concat(bHex).concat(alphaHex || '');
};

export { getHex, OPACITY };