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

圆柱、圆锥与圆台

三个回转体并排站着,区别只在上下两个半径:相等是圆柱, 上半径为 0 是圆锥,介于两者之间是圆台。

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

一个属性拆出三种形状

cylinder.length 是总高,几何体以 position 为中心 向上下各伸出一半。上下半径分别由 topRadius 与 bottomRadius 控制,半径给 0 的一侧会收敛成一个顶点。

半径单位是米。示例里的 230 米大约相当于一个体育场的跨度, 在 2400 米的视距下尺度刚好。

棱线与母线

numberOfVerticalLines 控制侧面上纵向辅助线的数量, 只在 outline 打开时起作用。默认值 16 已经够密, 调小到 4 会更像一根方柱。

可调参数

位置改什么效果
SHAPES 数组改上下半径形状在柱、锥、台之间切换
numberOfVerticalLines改成 4 或 32侧面纵向线疏密
outlineColor换成深色棱线对比度下降
按钮「切换棱线」反复点击对比有无线框的观感

半透明加棱线要留意排序。三个形体都是半透明的,当它们前后重叠时, 谁先画由深度与排序决定,棱线偶尔会被面盖住。需要严格的遮挡关系时, 把透明度调高或改成不透明再叠加描边。