Cesium场景导出为图片

前言

很多时候用户需要将场景导出为图片进行使用,Cesium可以通过canvas的方式将场景导出为图片文件,达到我们想要的效果

效果图

关键代码

export function saveToFile(scene) {let canvas = scene.canvas;let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");let link = document.createElement("a");let blob = dataURLtoBlob(image);let objurl = URL.createObjectURL(blob);link.download = "scene.png";link.href = objurl;link.click();}function dataURLtoBlob(dataurl) {let arr = dataurl.split(','),mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]),n = bstr.length,u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new Blob([u8arr], { type: mime });
}

详情参见 Cesium实战专栏

Cesium场景导出为图片功能相关推荐

  1. Cesium场景导出为图片

    //将当前场景输出Base64编码.var promise = viewer.scene.outputSceneToFile();//异步Cesium.when(promise,function(ba ...

  2. 处理canvas导出的图片变形的问题

    项目场景: uniapp 开发iOS App ,其中有个功能是拍照后,给照片加水印后显示在界面: 功能实现的思路:调用拍照方法获取照片,把照片导入canvas中,加水印后导出图片,最后展示图片. 问题 ...

  3. GEF常见问题8:导出到图片

    利用org.eclipse.draw2d.SWTGraphics类和org.eclipse.swt.graphics.ImageLoader类可以实现把画布导出到图片文件的功能,原理是在内存里创建一个 ...

  4. JS实现Echarts的图表保存为图片功能

    文章目录 需求分析 开发准备 实现思路 效果图 参考链接 需求分析 实际项目开发过程中经常会有图表展示功能,同时为了满足用户需要,会附带着图表导出功能,主要形式就是保存为图片.在Echarts中本身就 ...

  5. OxyPlot 导出图片及 WPF 元素导出为图片的方法

    OxyPlot 导出图片及 WPF 元素导出为图片的方法 目录 OxyPlot 导出图片及 WPF 元素导出为图片的方法 一.OxyPlot 自带导出方法 二.导出 WPF 界面元素的方法 三.通过附 ...

  6. JavaFX将Node导出为图片

    转载自   JavaFX将Node导出为图片 在JavaFX中提供了一个很实用的功能.我们可以将任意节点截图导出. 代码如下: WritableImage image = mapCanvas.snap ...

  7. PDF文件如何导出成图片,PDF如何转换成图片

    现在的pdf应用得很广泛,由于它可以不依赖操作系统的语言和字体及显示设备,阅读起来很方便.我们在工作中几乎每天都会使用到PDF文件,有时候我们需要将PDF文件导出成图片格式的文件,这样更方便我们使用. ...

  8. android webview将网页内容导出为图片和PDF方法

    项目需求中需要把webview的网页内容导出为图片和PDF,方法如下 导出为PDF 注意: 该方法只能在API 19+可以使用 代码如下: public void printPDF() {if (Bu ...

  9. python3 excel 图表导出图片_使用python代码将excel中的图表导出为图片

    python导出Excel图表类 前期准备就绪,网上已有类似的导出Excel图表类,但是在后面的使用中发现问题,即关键函数已在下面代码中标红: 调用代码: 执行成功,接下来到上面设置的导出路径查看导出 ...

  10. 基于freemarker(mht)方式导出带图片的富文本word

    需求 批量将包含富文本的页面(含图片)导出为word的压缩包,并将每个页面的附件一同下载,下载的文件夹路径格式我就不展示了,具体页面如下 本次导出采用基于freemarker的word导出.大体上都是 ...

最新文章

  1. 在北京做Java开发如何月薪达到两万,需要技术水平达到什么程度?
  2. 一文盘点深度学习13个常见问题(附详细解答amp;学习资源)
  3. matlab如何绘制三维隐函数?
  4. moss 2007 单点登录的配置
  5. LeetCode 894. 所有可能的满二叉树(递归)
  6. android自定义通知栏图标大小,Android不使用自定义布局情况下实现自定义通知栏图标的方法...
  7. 我是个老爸--当局者迷,旁观者清
  8. 云版 Android 系统来了?
  9. android+ndk+libevent,android ndk 编译 libevent
  10. 如何理解和应用Java的多态
  11. oracle 9i故障恢复,Oracle9i rman备份恢复总结
  12. dalsa相机设置编码器外触发_Modicon M262 编码器接口功能介绍
  13. linux系统yum提示注册,Linux:redhat6.5使用yum时提示需要注册问题解决方案
  14. KITTI数据集下载以及处理
  15. JVM快速入门(下)
  16. linux获取ip上网,linux dhcp 获取ip地址能上网,设置静态ip地址则不能上网
  17. 计算机三维制图论文,三维重建初探(整理的一些资料及论文分享)
  18. v-text与v-html,v-text,v-html等区别
  19. 1577 例题3 数字转换(LOJ10155) 约数计算 树上最长链(两次找最大深度)
  20. [转]Windows IIS WEB服务器配置安全规范

热门文章

  1. 建时间维度表(oracle)
  2. android 控件阴影
  3. Linux 系统Error starting userland proxy: listen tcp4 0.0.0.0:xx端口: bind: address already in use的端口占用问题
  4. 移动应用实战(移动OA)之四_会议室管理之一
  5. 【学习笔记】计算机基础知识
  6. 箱形图适用于哪种数据_Excel 数据可视化:箱形图全面解析!
  7. 论文写不下去时怎么办?
  8. 关于实习、校招的科普
  9. SpringBoot 实现AOP的简单测试demo
  10. 当系统中存在多个浏览器,如何设置IE为自己的默认浏览器