一、示例

        选中模型时候,取消其他模型选中时样式

// 获取所有模型的实体集合
const entitiesArr = viewer.entities.values;  // 方式 1
// const entitiesArr = viewer.entities._entities._array;  // 方式 2

// 取消所有模型选中颜色
for (let i = 0; i < entitiesArr.length; i++) {
  entitiesArr[i].model.color = Cesium.Color.WHITE;
}

// 获取点击模型的实体
let entities = viewer.entities.getById(pick.id._id);
// 点击模型添加选中颜色
entities.model.color = Cesium.Color.RED;

二、颜色设置分类

1、单词赋值
(1)设置颜色
Cesium.Color.RED;
(2)设置带透明度的颜色
Cesium.Color.RED.withAlpha(0.5);
(3)设置透明色
Cesium.Color.TRANSPARENT

2、rgba
(1)0-255
// 透明度也是0-255
Cesium.Color.fromBytes(255, 0, 0, 255);
(2)0-1
// 方式 1
Cesium.Color(255/255, 0/255, 0/255, 1)

// 方式 2
Cesium.Color(1, 0, 0, 1)

3、CSS颜色值转换
(1)十六进制
Cesium.Color.fromCssColorString("#ffffff")
(2)十进制
Cesium.Color.fromCssColorString("rgba(255, 255, 255, 0.75)")

4、32位RGBA值
Cesium.Color.fromRgba(0x67ADDFFF)

5、随机颜色
Cesium.Color.fromRandom({alpha: 0.5})
Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐