RGBA类

const rgba = new RGBA(255,255,255,0.2);

rgba.toString(); // 'rgba(255,255,255,0.2)'

const randomRGBA = RGBA.random();

const fromStr = RGBA.fromStr('rgba(255,255,255,0.2)');

cons fromRGB = RGB.random().toRGBA();

层级

  • RGBSuper
    • RGBA

构造函数

特性

访问器

a r g b

方法

构造函数

  • 参数

    • 可选r: number

      设置RGB中的R

    • 可选g: number

      设置RGB中的G

    • 可选b: number

      设置RGB中的B

    • a: number = 1

    返回 RGBA

特性

validate: ((color: string) => boolean) = isRGBColor

校验颜色值

类型声明

    • (color): boolean
    • 判断是否是RGB(包含RGBA)格式的颜色值

      参数

      • color: string

      返回 boolean

      isRGBColor('rgb(0,0,0)'); // true
      isRGBColor('rgb(0, 0, 0)'); // true
      isRGBColor('rgba(0,0,0,0)'); // true
      isRGBColor('rgba(255,255,255,0)'); // true
      isRGBColor('rgba(255, 255, 255, 0)'); // true
      isRGBColor('rgba(100,100,255,0.123123)'); // true

      isRGBColor('rgba(-1,0,0,1)'); // false
      isRGBColor('rgba(0,-1,0,1)'); // false
      isRGBColor('rgba(0,0,-1,1)'); // false
      isRGBColor('rgba(0,0,0,-1)'); // false
      isRGBColor('rgba(.,.,.,.)'); // false

isRGBColor

_r: number
_g: number
_b: number

访问器

  • get a(): number
  • 获取RGBA中的A

    返回 number

  • set a(value): void
  • 设置RGBA中的A

    参数

    • value: number

    返回 void

  • get r(): number
  • 获取RGB中的R

    返回 number

  • set r(value): void
  • 设置RGB中的R

    参数

    • value: number

    返回 void

  • get g(): number
  • 获取RGB中的G

    返回 number

  • set g(value): void
  • 设置RGB中的G

    参数

    • value: number

    返回 void

  • get b(): number
  • 获取RGB中的B

    返回 number

  • set b(value): void
  • 设置RGB中的B

    参数

    • value: number

    返回 void

方法

  • 转成字符串

    返回 string

  • 转换为HEX颜色值

    返回 string