经纬志
首页 / Cesium / 使用示例

CZML 颜色表达

CZML 的颜色既能写成 0 到 255 的 rgba 数组,也能写成 0 到 1 的 rgbaf 数组,前者直观,后者便于和着色器对齐。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

两种数组

rgba 用整数,第四个分量是透明度;rgbaf 用浮点,范围 0 到 1。两者可以混用,但同一个字段里要保持一致。

半透明叠加

多个半透明多边形叠在一起时,颜色按绘制顺序混合。示例特意让两块区域重叠,观察叠加后的颜色变化。

可以直接改的地方

位置改什么效果
color.rgba[r, g, b, a]整数写法
color.rgbaf[r, g, b, a]浮点写法
material.solidColor.color换颜色填充色

透明也参与拾取:完全不透明的色块和全透明色块都会参与拾取,不需要时直接不写这个 CZML 对象。