0.0.7 • Published 6 years ago

react-color-class v0.0.7

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

react-color-class

一系列颜色类型,能方便的对颜色进行处理、以及互相转换。目前RGB、RGBA、HSV。

HSV

HSV(HSB)颜色类。 什么是HSB

定义与使用 | Definition & Usage

var colorHSV = new HSV(0,1,1); // Red;

对象属性 | Properties

属性名 Property描述 Descrition
h色调(0-360)。
s饱和度(0-1)。
b明亮度(0-1)。

对象方法 | Methods

方法名 Method描述 Descrition
getH获取色调。
setH设置色调0-360)。
getS获取饱和度。
setS设置饱和度(0-1)。
getB获取明亮度。
setB设置明亮度(0-1)。
getV同getB。
setV同setB。
copy返回一份拷贝。
toString返回字符串。
stripSB返回一个抛弃饱和度和明亮度的拷贝。
toRGB返回一个RGB格式的颜色。

RGB

RGB颜色类。

定义与使用 | Definition & Usage

var colorRGB = new RGB(255,255,255); // White;

静态属性 | Static Properties

属性名 Property描述 Descrition
White白色。
Black黑色。

对象属性 | Properties

属性名 Property描述 Descrition
r红色值(0-255)。
g绿色值(0-255)。
b蓝色值(0-255)。

对象方法 | Methods

方法名 Method描述 Descrition
getR获取红色值。
getG获取绿色值。
getB获取蓝色值。
setR设置红色值(0-255)。
setG设置绿色值(0-255)。
setB设置蓝色值(0-255)。
copy返回一份拷贝。
toString返回字符串。
toHex返回十六进制格式颜色的字符串。
toHSV返回一个Hsv格式颜色。

RGBA

RGBA颜色类。

定义与使用 | Definition & Usage

var colorRGBA = new RGBA(255,255,255,255); // White;

静态属性 | Static Properties

属性名 Property描述 Descrition
White白色。
Black黑色。
WhiteT白色透明。
BlackT黑色透明。

静态方法 | Static Methods

方法名 Method描述 Descrition
fromHex通过十六进制格式颜色的字符串,创建RGBA颜色类。
fromRGB通过一个RGB颜色类实例,与一个透明度,创建RGBA颜色类。

静态属性 | Static Properties

属性名 Property描述 Descrition
White白色。
Black黑色。
WhiteT白色透明。
BlackT黑色透明。

对象属性 | Properties

属性名 Property描述 Descrition
r红色值(0-255)。
g绿色值(0-255)。
b蓝色值(0-255)。
a透明度(0-255)。

对象方法 | Methods

方法名 Method描述 Descrition
getR获取红色值。
getG获取绿色值。
getB获取蓝色值。
setR设置红色值(0-255)。
setG设置绿色值(0-255)。
setB设置蓝色值(0-255)。
getA获取透明度。
setA设置透明度(0-255)。
copy返回一份拷贝。
toString返回字符串。
setRGB通过一个RGB颜色类实例,设置自己数据。
toRGB返回RGB颜色类实例,将丢弃透明度。
toHex返回十六进制格式颜色的字符串。
toHSV返回一个Hsv颜色类实例,将丢弃透明度。

TODO

修改RGB:

改为用一个整数类型数据来存放RGB信息。 RGB添加fromHex。

修改RGBA:

改为用一个整数类型数据来存放RGBA信息。 fromHex,兼容RGB的16位颜色格式。

更多颜色类:

LAB格式与CMYK格式的颜色类型。

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago