cesium withAlpha 的含义

最新推荐文章于 2024-10-12 23:14:58 发布

我不止三岁

最新推荐文章于 2024-10-12 23:14:58 发布

阅读量1.2k

点赞数

分类专栏： cesium 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Hhjnv/article/details/115271564

版权

cesium 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在Cesium中使用withAlpha设置立方体的透明度，并通过实例展示了其在创建红盒子模型时的实际效果。新手教程，适合Cesium初学者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 02-Tntity添加立方体 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-Tntity添加立方体</title>
    <script src='./Cesium/Build/Cesium/Cesium.js'></script>
    <link rel="stylesheet" href="./Cesium/Build/Cesium/Widgets/widgets.css">
</head>
<body>
    <div id="cesiumContainer"></div>
    <script>
        var viewer=new Cesium.Viewer('cesiumContainer');
        var redBox=viewer.entities.add({
            name:'Red box with black outline',
            position:Cesium.Cartesian3.fromDegrees(-107.0,40.0,30000.0),
            box:{
                dimensions:new Cesium.Cartesian3(400000.0,300000.0,500000.0),
                material:Cesium.Color.RED.withAlpha(0.5),		//withAlpha其实就是设置透明度
                outline:true,
                outlineColor:Cesium.Color.BLACK
            }
        })

        viewer.zoomTo(viewer.entities);
    </script>
</body>
</html>