Color

通过传递十六进制、rgb(a)、hsl(a)或指定的颜色值来创建一个新的颜色对象。十六进制、hsl(a)和命名的颜色值可以作为字符串传递。


var color = new Color("green");  // named value
var color = new Color("#00FF00");  // hex value
var color = new Color("hsl(120, 100%, 50%)");  // hsl
var color = new Color("hsla(120, 100%, 50%, 0.5)"); // hsla

RGB值可以作为数组、字符串或对象传入


var color = new Color([0, 255, 0]);

var color = new Color("rgb(0, 255, 0)");
var color = new Color({r: 0, g: 255, b: 0});

例如,在创建SimpleFillSymbol时,您可以使用从这个类创建的color对象来定义填充符号的颜色,或者您可以直接在属性上使用十六进制、rgb(a)或hsl(a)值来定义它。


var sfs = {
  type: "simple-fill",  // autocasts as new SimpleFillSymbol()
  color: new Color("#FF0000")
};
var sfs = {
  type: "simple-fill",  // autocasts as new SimpleFillSymbol()
  color: "#FF0000"  // autocasts as new Color()
};

方法

blendColors():通过使用权重因子混合两种颜色来创建颜色实例。

clone():创建Color实例的深克隆。

fromArray():使用3或4元素数组创建一个颜色实例,按顺序将每个元素映射到颜色的rgb(a)值。

fromHex():用‘#’开头创建一个十六进制字符串创建一个颜色实例。

fromJSON():创建一个新的Color实例,并使用JSON对象的值初始化它。

fromRgb():从字符串形式"rgb()"或"rgba()"创建一个颜色实例。

fromString():通过解析泛型字符串创建颜色实例。

setColor():获取一个包含rgb(a)值、命名字符串、十六进制字符串或hsl(a)字符串的数组,一个具有r、g、b和a属性的对象,或一个Color对象,并将该Color实例设置为输入值。

toCss():回一个代表颜色实例的rgba格式的CSS颜色字符串。

toHex():返回一个表示颜色实例的十六进制CSS颜色字符串。

toJSON():返回一个JSON对象,其中包含来自一个颜色实例的所有值。

toRgb():返回一个包含3个rgb值的数组,这些值代表Color实例。

toRgba():返回一个由代表颜色实例的rgba值组成的4个组件数组。

版权声明:
作者:Gomo
链接:https://www.develophm.com/index.php/color/524/
来源:开发之家
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>