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中的每个选项，但没有结果。

在Sandcastle中尝试。我的目标是看到半透明的徽标。

Answer 1

已解决。

需要为图像赋予颜色（what ??）并对其应用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
        }),    

    }
});

Cesim半透明素材图片

1 个答案: