• Color 类型
    • 索引
      • 属性(properties)
      • 方法
  • Details
    • 属性(properties)
      • WHITE
      • BLACK
      • TRANSPARENT
      • GRAY
      • RED
      • GREEN
      • BLUE
      • YELLOW
      • ORANGE
      • CYAN
      • MAGENTA
        • 参数列表
      • clone
      • 示例
      • equals
        • 参数列表
      • 示例
      • lerp
        • 参数列表
      • 示例
      • toString
      • 示例
      • getR
      • setR
        • 参数列表
      • 示例
      • getG
      • setG
        • 参数列表
      • 示例
      • getB
      • setB
        • 参数列表
      • 示例
      • getA
      • setA
        • 参数列表
      • 示例
      • toCSS
        • 参数列表
      • 示例
      • fromHEX
        • 参数列表
      • 示例
      • toHEX
        • 参数列表
      • 示例
      • toRGBValue
      • 示例
      • fromHSV
        • 参数列表
      • 示例
      • toHSV
      • 示例
      • set
        • 参数列表

    Color 类型

    继承于 ValueType

    模块: cc父模块: cc

    cc.Color 用于表示颜色。

    它包含 RGBA 四个以浮点数保存的颜色分量,每个的值都在 0 到 255 之间。

    您也可以通过使用 cc.color 的便捷方法来创建一个新的 Color。

    索引

    属性(properties)
    • WHITE Color 纯白色,RGBA 是 [255, 255, 255, 255]。
    • BLACK Color 纯黑色,RGBA 是 [0, 0, 0, 255]。
    • TRANSPARENT Color 透明,RGBA 是 [0, 0, 0, 0]。
    • GRAY Color 灰色,RGBA 是 [127.5, 127.5, 127.5]。
    • RED Color 纯红色,RGBA 是 [255, 0, 0]。
    • GREEN Color 纯绿色,RGBA 是 [0, 255, 0]。
    • BLUE Color 纯蓝色,RGBA 是 [0, 0, 255]。
    • YELLOW Color 黄色,RGBA 是 [255, 235, 4]。
    • ORANGE Color 橙色,RGBA 是 [255, 127, 0]。
    • CYAN Color 青色,RGBA 是 [0, 255, 255]。
    • MAGENTA Color 洋红色(品红色),RGBA 是 [255, 0, 255]。
    方法
    • constructor
    • clone 克隆当前颜色。
    • equals 判断两个颜色是否相等。
    • lerp 线性插值
    • toString 转换为方便阅读的字符串。
    • getR 获取当前颜色的红色值。
    • setR 设置当前的红色值,并返回当前对象。
    • getG 获取当前颜色的绿色值。
    • setG 设置当前的绿色值,并返回当前对象。
    • getB 获取当前颜色的蓝色值。
    • setB 设置当前的蓝色值,并返回当前对象。
    • getA 获取当前颜色的透明度值。
    • setA 设置当前的透明度,并返回当前对象。
    • toCSS 转换为 CSS 格式。
    • fromHEX 读取 16 进制颜色。
    • toHEX 转换为 16 进制。
    • toRGBValue 转换为 24bit 的 RGB 值。
    • fromHSV 读取 HSV(色彩模型)格式。
    • toHSV 转换为 HSV(色彩模型)格式。
    • set 从其它对象把所有属性复制到当前对象。

    Details

    属性(properties)

    WHITE
    纯白色,RGBA 是 [255, 255, 255, 255]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:78
    BLACK
    纯黑色,RGBA 是 [0, 0, 0, 255]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:86
    TRANSPARENT
    透明,RGBA 是 [0, 0, 0, 0]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:94
    GRAY
    灰色,RGBA 是 [127.5, 127.5, 127.5]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:102
    RED
    纯红色,RGBA 是 [255, 0, 0]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:110
    GREEN
    纯绿色,RGBA 是 [0, 255, 0]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:118
    BLUE
    纯蓝色,RGBA 是 [0, 0, 255]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:126
    YELLOW
    黄色,RGBA 是 [255, 235, 4]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:134
    ORANGE
    橙色,RGBA 是 [255, 127, 0]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:142
    CYAN
    青色,RGBA 是 [0, 255, 255]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:150
    MAGENTA
    洋红色(品红色),RGBA 是 [255, 0, 255]。
    metadescription
    类型Color
    定义于cocos2d/core/value-types/color.js:158



    #### 方法



    ##### constructor


    metadescription
    定义于cocos2d/core/value-types/color.js:53
    参数列表
    • r Number red component of the color, default value is 0.
    • g Number green component of the color, defualt value is 0.
    • b Number blue component of the color, default value is 0.
    • a Number alpha component of the color, default value is 255.
    clone

    克隆当前颜色。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:177
    示例
    1. var color = new cc.Color();
    2. var newColor = color.clone();// Color {r: 0, g: 0, b: 0, a: 255}
    equals

    判断两个颜色是否相等。

    metadescription
    返回Boolean
    定义于cocos2d/core/value-types/color.js:192
    参数列表
    • other Color
    示例
    1. var color1 = cc.Color.WHITE;
    2. var color2 = new cc.Color(255, 255, 255);
    3. cc.log(color1.equals(color2)); // true;
    4. color2 = cc.Color.RED;
    5. cc.log(color2.equals(color1)); // false;
    lerp

    线性插值

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:209
    参数列表
    • to Color
    • ratio number the interpolation coefficient.
    • out Color optional, the receiving vector.
    示例

    ```Not found for the example path: temp-src/engine/docs/utils/api/engine/docs/cocos2d/core/value-types/CCColor/lerp.js

    toString

    转换为方便阅读的字符串。

    metadescription
    返回String
    定义于cocos2d/core/value-types/color.js:232
    示例
    1. var color = cc.Color.WHITE;
    2. color.toString(); // "rgba(255, 255, 255, 255)"
    getR

    获取当前颜色的红色值。

    metadescription
    返回Number
    定义于cocos2d/core/value-types/color.js:249
    setR

    设置当前的红色值,并返回当前对象。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:258
    参数列表
    • red Number the new Red component.
    示例
    1. var color = new cc.Color();
    2. color.setR(255); // Color {r: 255, g: 0, b: 0, a: 255}
    getG

    获取当前颜色的绿色值。

    metadescription
    返回Number
    定义于cocos2d/core/value-types/color.js:273
    setG

    设置当前的绿色值,并返回当前对象。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:282
    参数列表
    • green Number the new Green component.
    示例
    1. var color = new cc.Color();
    2. color.setG(255); // Color {r: 0, g: 255, b: 0, a: 255}
    getB

    获取当前颜色的蓝色值。

    metadescription
    返回Number
    定义于cocos2d/core/value-types/color.js:297
    setB

    设置当前的蓝色值,并返回当前对象。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:306
    参数列表
    • blue Number the new Blue component.
    示例
    1. var color = new cc.Color();
    2. color.setB(255); // Color {r: 0, g: 0, b: 255, a: 255}
    getA

    获取当前颜色的透明度值。

    metadescription
    返回Number
    定义于cocos2d/core/value-types/color.js:321
    setA

    设置当前的透明度,并返回当前对象。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:330
    参数列表
    • alpha Number the new Alpha component.
    示例
    1. var color = new cc.Color();
    2. color.setA(0); // Color {r: 0, g: 0, b: 0, a: 0}
    toCSS

    转换为 CSS 格式。

    metadescription
    返回String
    定义于cocos2d/core/value-types/color.js:351
    参数列表
    • opt String "rgba", "rgb", "#rgb" or "#rrggbb".
    示例

    ```Not found for the example path: temp-src/engine/docs/utils/api/engine/docs/cocos2d/core/value-types/CCColor/toCSS.js

    fromHEX

    读取 16 进制颜色。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:380
    参数列表
    • hexString String
    示例
    1. var color = cc.Color.BLACK;
    2. color.fromHEX("#FFFF33"); // Color {r: 255, g: 255, b: 51, a: 255};
    toHEX

    转换为 16 进制。

    metadescription
    返回String
    定义于cocos2d/core/value-types/color.js:401
    参数列表
    • fmt String "#rgb", "#rrggbb" or "#rrggbbaa".
    示例
    1. var color = cc.Color.BLACK;
    2. color.toHEX("#rgb"); // "000";
    3. color.toHEX("#rrggbb"); // "000000";
    toRGBValue

    转换为 24bit 的 RGB 值。

    metadescription
    返回Number
    定义于cocos2d/core/value-types/color.js:445
    示例
    1. var color = cc.Color.YELLOW;
    2. color.toRGBValue(); // 16771844;
    fromHSV

    读取 HSV(色彩模型)格式。

    metadescription
    返回Color
    定义于cocos2d/core/value-types/color.js:458
    参数列表
    • h Number
    • s Number
    • v Number
    示例
    1. var color = cc.Color.YELLOW;
    2. color.fromHSV(0, 0, 1); // Color {r: 255, g: 255, b: 255, a: 255};
    toHSV

    转换为 HSV(色彩模型)格式。

    metadescription
    返回Object
    定义于cocos2d/core/value-types/color.js:536
    示例
    1. var color = cc.Color.YELLOW;
    2. color.toHSV(); // Object {h: 0.1533864541832669, s: 0.9843137254901961, v: 1};
    set

    从其它对象把所有属性复制到当前对象。

    metadescription
    定义于cocos2d/core/value-types/value-type.js:84
    参数列表
    • source ValueType the source to copy