CesiumJS 导出实战手册截图、录像、地理数据怎么挑对输出【免费下载链接】cesiumAn open-source JavaScript library for world-class 3D globes and maps :earth_americas:项目地址: https://gitcode.com/GitHub_Trending/ce/cesium把用 CesiumJS 搭好的三维地球塞进汇报、录成演示视频、或者交给别的团队继续用导出是最后一段路。这篇文章把截图、录像、数据导出三条路径按实操讲清楚各自什么时候用、怎么做、参数往哪调。先看三者的横向对比类型典型场景输出格式上手成本截图汇报插图、演示定格、成果存档PNG 图片调一次方法最低录像相机飞行、实体动画、时间动态演示WebM 视频中等需配合浏览器录制能力数据导出把地理实体交给其他工具KML/KMZ、CZML、GeoJSON低有现成 API 数据导出先行三种数据格式怎么选什么时候用场景里的实体要拿去 Google Earth 这类工具打开或者想把地理数据落盘归档、随时能再加载回来。怎么做把数据以 CZML、KML 或 GeoJSON 加载成 DataSource三种 CesiumJS 都认识。调Cesium.exportKml把实体集传进去。加kmz: true引擎会把 KML 连同模型、纹理一起压成单个 KMZ。用返回的 Blob 触发浏览器下载。参数怎么调sampleDuration默认 60 秒即时间动态属性每 60 秒采一个样本轨迹变化快就调小time决定不能在 KML 里做动态的属性取哪个时刻的值场景里有模型时必须提供modelCallback声明要内嵌哪些文件。格式上GeoJSON 适合静态几何纯文本可直接序列化CZML 保留完整时间维度KML 走 Google Earth 兼容路线。注意 KML 导出只覆盖点、标绘牌、模型、路径、多边形、折线这几类其余图元不会进文件。实现细节可查 exportKml.js。 录像帧率和分辨率怎么选不翻车什么时候用凡是画面在动的演示——相机飞行、模型动画、随时间变化的效果——想留成视频都走这条路。怎么做找到 Viewer 内部的 WebGL canvas。调canvas.captureStream(30)拿到实时渲染流。用MediaRecorder包起来编解码选video/webm。监听onstop把收到的分片拼成文件下载。参数怎么调30fps 是文件大小和观感流畅度的平衡点60fps 收益很小、体积翻倍低于 24fps 会明显发顿。录像分辨率跟画布走——画布小录出来就小录之前把画布尺寸或分辨率缩放调大成片才够清晰。️ 截图把一帧渲染变成 PNG什么时候用要一张定格图——报告插图、成果归档、改前改后对比都适合。怎么做别急着拍先等场景渲染完成挂 postRender 事件是最稳的触发时机。对 canvas 调toDataURL(image/png)。拿一个临时链接把数据写成可下载的文件。参数怎么调出图的物理像素就是画布的物理像素。想要更高清先把画布尺寸或像素比调大再拍想压体积则反向操作、把画布调小。进阶批量截图与自定义配置批量出图把一组相机机位固定下来循环flyTo每个机位落地后在 postRender 里各拍一张几十个角度无人值守出完适合做素材库或批量验收。自定义渲染质量、分辨率缩放这类开关集中在 Scene.js先按目标质量调好再开拍。一个容易踩的坑WebGL 默认每帧清缓冲preserveDrawingBuffer 为 false等画面显示出去之后再调 toDataURL很可能拿到一张黑图或空白图——要么在 postRender 内部取帧要么切到 requestRenderMode 按需渲染。按场景选导出汇报、演示要一张定格 → 截图PNG相机飞行、动画演示 → 录像webm30fps地理数据交给外部工具 → 数据导出KML/CZML/GeoJSON【免费下载链接】cesiumAn open-source JavaScript library for world-class 3D globes and maps :earth_americas:项目地址: https://gitcode.com/GitHub_Trending/ce/cesium创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考