赋值方式:

1. 英文颜色单词

// 设置颜色: Cesium.Color.颜色
Cesium.Color.WHITE;
// 设置颜色和透明度: esium.Color.颜色.透明度
Cesium.Color.BLUE.withAlpha(0.4)
// 透明色
Cesium.Color.TRANSPARENT;

2. rgba(0-255区间)注意:这里 alpha 也是0-255区间

// Cesium.Color.fromBytes(red ,green ,blue ,alpha ,result)
// result是颜色设定结果,可存储到的对象也可不用。
Cesium.Color.fromBytes(177, 0, 4, 200);

3. rgba(0-1区间) 计算方式:255区间的值 / 255

// Cesium.Color(red, green, blue, alpha)
Cesium.Color(177/255, 0/255, 4/255, 1)
Cesium.Color(0.165, 0.165, 0.165, 1)

4. CSS 色值转换

// Cesium.Color.fromCssColorString('CSS色值')
Cesium.Color.fromCssColorString("#ffffff")
Cesium.Color.fromCssColorString("rgba(255, 255, 255, 0.75)")

6. 32位GRBA值

// Cesium.Color.fromRgba(rgba, result)
Cesium.Color.fromRgba(0x67ADDFFF)

7. 随机颜色

// Cesium.Color.fromRandom({alpha: 透明度})
Cesium.Color.fromRandom({alpha: 0.5})

小技巧:

只修改透明度不修改原本的颜色,可以使用 getValue 方法

// 设置字体填充透明度
label.fillColor = label.fillColor.getValue().withAlpha(0.8);
// 设置字体外边框透明度
label.outlineColor= label.outlineColor.getValue().withAlpha(0.8);
// 设置球地下颜色的透明度 (这里用 undergroundColor 返回的也是 Cesium.Color 对象)
globe.viewer.scene.globe.undergroundColor.withAlpha(0.8)
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐