Cesium Color 颜色(赋值)随机颜色

赋值方式:

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)
  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值