Skip to content

compareColors()

此函数属于 Iconify Utils 包

函数 compareColors() 用于比较两个 Color 对象,若颜色相同则返回 true

此函数可用于解析 SVG 中的颜色。当同一种颜色以不同方式表示时,此函数可帮助找出重复的颜色。

用法

该函数包含两个参数:

  • color1Color。第一个颜色。
  • color2Color。第二个颜色。

若颜色相同,函数返回 true,否则返回 false

示例

demo.ts
tsimport { compareColors, stringToColor } from '@iconify/utils';

// Identical colors, function returns `true`
compareColors(stringToColor('rgb(0, 0, 0, 1)')!, stringToColor('#000000')!);

compareColors(
   stringToColor('rgb(0, 0, 0, 1)')!,
   stringToColor('hsl(100, 0%, 0%)')!
);

// All colors are transparent, function returns `true`
compareColors(
   stringToColor('rgb(0, 255, 0, 0)')!,
   stringToColor('hsl(100, 0%, 0%, 0)')!
);

compareColors(
   stringToColor('transparent')!,
   stringToColor('hsl(80, 20%, 50%, 0)')!
);

compareColors(stringToColor('transparent')!, stringToColor('#f8a0')!);

// Different colors, function returns `false`
compareColors(
   stringToColor('transparent')!,
   stringToColor('hsl(100, 0%, 0%, .1)')!
);