Cesim半透明素材图像

问题描述 投票:0回答:1

我想我的意思是“半透明” ...

[我正在尝试用图像材料放置一个矩形并控制图像的半透明性,以便可以看到其背后的背景(就像我们对普通图层所做的一样。

这是我的代码:

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中尝试。我的目标是看到一个半透明的徽标。

cesium
1个回答
0
投票

已解决。

需要给图像加颜色(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
        }),    

    }
});
© www.soinside.com 2019 - 2024. All rights reserved.