Cesium模型颜色设置

呆呆的小草

已于 2024-02-28 13:32:54 修改

阅读量523

点赞数 8

分类专栏： Cesium 文章标签： javascript 开发语言 ecmascript

于 2024-02-27 13:45:20 首次发布

本文链接：https://blog.csdn.net/StupidlyGrass/article/details/136320013

版权

Cesium 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、示例

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

// 获取所有模型的实体集合
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})