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/
来源:开发之家
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论