塞西姆半透明材料图像

Question

我想我的意思是"半透明"...

我正在尝试放置一个带有图像材质的矩形并控制图像的半透明性，以便我可以看到它背后的背景(就像我们对普通图层所做的那样(。

这是我的代码：

var redRectangle = viewer.entities.add({
name : 'Red translucent rectangle',
rectangle : {
coordinates : Cesium.Rectangle.fromDegrees(-110.0, 20.0, -80.0, 25.0),
material : new Cesium.ImageMaterialProperty({
image : '../images/Cesium_Logo_Color.jpg',
transparent: true,
translucent : true,
alpha: 0.2
}),    
}
});

我无法让它工作。我已经尝试了material内部的所有选项，但没有结果。

在沙堡试试。我的目标是看到一个半透明的标志。

Answer 1

已解决。

需要给图像一个颜色(什么？？(并对其应用一个alpha。

var redRectangle = viewer.entities.add({
name : 'Red translucent rectangle',
rectangle : {
coordinates : Cesium.Rectangle.fromDegrees(-110.0, 20.0, -80.0, 25.0),
material : new Cesium.ImageMaterialProperty({
image : '../images/Cesium_Logo_Color.jpg',
color: Cesium.Color.WHITE.withAlpha(0.1)  <<<< ----- THIS MAKE IT TRANSLUCENT
}),    
}
});